/*

header{
  padding: 0px;
  margin: -10px;
  margin-top: -50px;
  box-sizing: border-box;
  position: fixed;
  height: 65px;
  width: 100%;
  background-color: rgba(217, 217, 217, 1);
  font-family: rubik;
}

h2 {
    padding: 0px;
  margin: 0px;
  margin-top: 15px;
  margin-left: 15px;
  font-family: roboto+mono;
  display: inline-block;
}

.personal {
    padding: 0px;
  margin: 0px;
  background-color: rgba(126, 172, 225, 1);
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  display: inline-block;
}

#personalBox {
    padding: 0px;
  margin: 0px;
  height: 45px;
  width: auto;
  margin-left: 30px;
  margin-top: 7.5px;
  margin-right: 30px;
  float: inline-end;
  background-color: rgba(126, 172, 225, 1);
  display: inline-block;
  border-radius: 10px;
}

#schoolBox {
    padding: 0px;
  margin: 0px;
  height: 45px;
  width: auto;
  float: inline-end;
  margin-top: 7.5px;
  background-color: rgba(231, 110, 110, 1);
  display: inline-block;
  border-radius: 10px;
}

.school {
    padding: 0px;
  margin: 0px;
  background-color: rgba(231, 110, 110, 1);
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  display: inline-block;
}

#accountBox {
padding: 0px;
  margin: 0px;
  height: 45px;
  width: auto;
  float: inline-end;
  margin-right: 30px;
  margin-top: 7.5px;
  background-color:rgb(110, 233, 91);
  display: inline-block;
  border-radius: 10px;
}

.account {
    padding: 0px;
  margin: 0px;
  background-color: rgb(110, 233, 91);
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  display: inline-block;
}

header ul li {
    padding: 0px;
  margin: 0px;
  display: inline-block;
}

a {
    color: black;
}

#schoolSec {
  width: 80%;
  margin: auto;
  margin-top: 50px;
  padding-top: 50px;
  background-color: rgb(226, 175, 175);
  border-radius: 1%;
  height: 1700px;
}

.site {
  font-family: rubik;
  margin-left: 50px;
  margin-bottom: 20px;
  height: 500px;
}

.site a {
  font-weight: 600;
  font-size: 50px;
}

.site .info {
  display: inline-block;
  font-size: 20px;
  line-height: 30px;
  width: 30%;
}

.site img {
  float: right;
  margin-right: 5%;
  border-color: black;
  border-style: solid;
  border-width: 2px;
  border-radius: 2%;
}

#personalSec {
  width: 80%;
  margin: auto;
  margin-top: 50px;
  padding-top: 50px;
  background-color:rgb(174, 192, 242);
  border-radius: 1%;
  height: 2100px;
}

footer {
  position: static;
  left: 0;
  margin: -10px;
  margin-bottom: -16px;
  padding: 0px;
  width: 101%;
  height: 120px;
  bottom: 0;
  background-color: rgba(217, 217, 217, 1);
  font-family: rubik;
}

#beta {
    font-size: 20px;
}

*/


* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

html {
  height: max-content;
  scroll-behavior: smooth !important;
}

body {
  border: solid;
  border-color: #4c5844;
  border-width: 2vh;
  background-color: #3e4637;
  height: 100%;
  display: flex;
  scroll-behavior: smooth !important;
}

a {
  color: #ffffff;
  font-family: Verdana;
  font-size: 9pt;
  text-decoration: none;
}

li {
  color: #ffffff;
  font-family: Verdana;
  font-size: 9pt;
  list-style-type: none;
  line-height: 25px;
}

#sidebar {
  height: 100%;
  width: 220px;
  position: fixed;
  background-color: #4c5844;
  top: 0px;
  padding-top: 15px;
  padding-left: 15px;
}

#info {
  position: absolute;
  bottom: 10px;
}

#info li {
  line-height: 125%;
}

.spacer {
  line-height: 50%;
}

#main {
  width: 100%;
  margin-left: 220px;
  scroll-behavior: smooth;
}

.block {
  border: solid;
  border-color: #868c77;
  border-width: 0.05px;
  width: 80%;
  height: max-content;
  margin: 10%;
}

.innerblock {
  height: 100%;
  width: 100%;
  border: solid;
  border-width: 2vh;
  border-color: #4c5844;
  display: inline-flex;
}

.innerblock a {
  height: 450px;
}

.info {
  width: 100%;
  height: fit-content;
}

table {
  height: max-content;
  width:100%;
  border: solid;
  border-color: #868c77;
  border-width: 0.05px;
  border-collapse: collapse;
}

td {
  color: #ffffff;
  font-family: Verdana;
  font-size: 9pt;
  text-decoration: none;
  text-align: center;
  padding: 10px 10px;
  border: solid;
  border-color: #868c77;
  border-width: 0.05px;
}

thead tr td {
  background-color: #4c5844;
}

.description {
  margin: 35px;
  padding: 10px 10px;
  border: solid;
  border-color: #868c77;
  border-width: 0.05px;
}

p {
  font-family: Verdana;
  font-size: 9pt;
  line-height: 20px;
  color: white;
  text-decoration: none;
}