body {
  font-family: "Nunito";
  font-size: 12pt;
  color: #3a3a3a;
}

.frames {
  display: grid;
  grid-template-columns: 50% 50%;
  text-align: center;
}

.frametest {
  display: grid;
  grid-template-columns: 50% 50%;
  overflow: hidden;
  height: 629px;
  border: 0px solid black;
  padding: 5px;
}

.frame {
  width: 480px;
  height: 639px;
  margin-left: 0;
  margin-right: 0;
  border: 0px solid;
}

.left {
  overflow: auto;
}

.nunito-font {
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  font-style: normal;
}

h1 {
  text-align: center;
  background-color: #91a2ba;
  color: white;
  border-bottom: 3px solid #4f627d;
  margin-bottom: 0.5em;
  font-size: 20pt;
  text-shadow: 2px 1px 1px #4F627D;
}

h2 {
  text-align: center;
  background-color: #d0d7e2;
  color: #7288a7;
  font-size: 16pt;
  text-shadow: 2px 1px 1px #e0e5eb;
}

footer {
  font-size: 10pt;
  padding: 20px;
}

.sqborder { 
  border: 3px solid #4F627D;
}

/* scrollbar shit */
/* width */
::-webkit-scrollbar {
  width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #b1bdce; 
  border-radius: 3em;
  padding: 5px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b1bdce; 
}

/***************** TAB STUFF *****************/
/* 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;
}
