.belleza-regular {
  font-family: "Belleza", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.cabin-regular {
  font-family: "Cabin", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

body {
  color: white;
  background-color: #787f6f;
  margin-left: 4%;
  margin-right: 4%;
  font-size: 16px;
}

a:link {
  color: white;
  text-decoration: underline;
}

a:visited {
  color: white;
  text-decoration: none;
}

img {
  max-width: 100%;
  width: auto;
  height: auto;
}

input, select, button, textarea {
  max-width: 100%;
}

meter, progress, output {
  max-width: 100%;
}

div#tswsidecol {
  float: right;
  width: 20%;
  color: black;
  background-color: white;
}

div#tswcontent {
  float: right;
  width: 80%;
  color: black;
  background-color: white;
}

@media not all {
  div#tswsidecol {
    float: none;
    width: 100%;
  }
  div#tswcontent {
    float: none;
    width: 100%;
  }
}

div#tswcontproper {
  padding-left: 5px;
  padding-right: 5px;
background-color: #787f6f;
}

div#tswcontainer {
  background-color: #787f6f;
}

div#tswsideproper, div#tswothersideproper {
  padding-left: 5px;
  padding-right: 5px;
}

div#tswheader {
  color: black;
  background-color: white;
}

div#tswfooter {
  color: black;
  background-color: white;
}

#table01 {
  margin: auto;
}

#Interests {
  font-size: larger;
  font-weight: bold;
}

#largerfont {
  font-size: x-large;
}

#tablerates {
  margin-top: auto;
}

#tablebank {
  margin: auto;
}

table.light-bg {
background-color: #699474;
}

table.mid-bg {
background-color: #787f6f;
}

table.dark-bg {
background-color: #5a5a5a;
}