body {
  background-color: white;
  font-family: "Nunito";
  font-size: 12pt;
  color: #3B3B3B;
  text-align: left;
}

.nunito-font {
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  font-style: normal;
}

h1 {
  text-align: center;
  background-color: #95C3B0;
  color: white;
  border-bottom: 3px solid #5CA385;
  margin-bottom: 0.5em;
  font-size: 20pt;
  text-shadow: 2px 1px 1px #4A836B;
}

h2 {
  text-align: center;
  background-color: #D4E7DF;
  color: #6BAB91;
  font-size: 16pt;
  text-shadow: 2px 1px 1px #EEF6F3;
}

 /* unvisited link */
a:link {
  color: #3B3B3B;
  text-decoration: #A35C7A solid underline;
  text-decoration-thickness: 2px;
}
/* visited link */
a:visited {
  color: #3B3B3B;
  text-decoration: #A35C7A solid underline;
  text-decoration-thickness: 2px;
}
/* mouse over link */
a:hover {
  color: #969696;
  text-decoration: none;
  border-bottom: none;
  cursor: help;
}
/* selected link */
a:active {
  color: #969696;
  text-decoration: none;
  border-bottom: none;
  cursor: help;
} 

/* SCROLLBAR */
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #A2CAB9; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #83B9A2; 
}

/* --------------- TABS ------------- */
/* Style the tab */
.tab {
  overflow: hidden;
  border: 0px solid #ccc;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: #EBEBEB;
  float: inherit;
  border: 0px solid;
  outline: none;
  cursor: pointer;
  padding: 7px 7px;
  transition: 0.3s;
  border-radius: 7pt;
  color: #766969;
  font-weight: 700;
  letter-spacing: .5pt;
  font-size: 10pt;
  margin: 2px;
  font-family: "Nunito";
  font-style: normal;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #f7f7f7;
  color: #9e8d8d;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #f7f7f7;
  color: #9e8d8d;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 0px solid #ccc;
  border-top: none;
}