body {
  margin: auto;
  color: white;
  font-family: "Ubuntu",sans-serif; 
  font-size: 2vmin;
}

p {
  font-size: 2.5vmin;
  margin: auto;
  padding: 1vmin;
  line-height: 1.4em;
  text-align: justify;
  width: 100vmin;
}

h1 {
  font-size: 5.9vw;
  margin: auto;
  padding: 1vmin;
  line-height: 1.4em;
  text-align: justify;
  width: 100vmin;
}
h2 {
  font-size: 3.0vmin;
  margin: auto;
  padding: 1vmin;
  line-height: 1.4em;
  text-align: justify;
  width: 100vmin;  
}
#body{
  background-color: #5d7f95;
  margin: auto;
  min-height: 80vh;
  border-top-width: 2px;
  border-top-color: black;
  border-top-style: solid;
}
.highlight{
  background-color: #955d8f;
  padding: 4px;
}
a{
  color: #c4a1c1;
}

.general-div{
  margin: auto;
  padding: 4px;
  width: 100vmin;  
}

canvas{
  background-color:white;
  margin: auto;
  display: block;
  margin: auto;
}
/*footer stuff*/
.footer {
  font-size: 12px;
  text-align: center;
  border-top: 2px;
  border-top-style: solid;
  padding-top: 12px;
  border-color: black;
  color:#5d7f95;
}

/*nav bar stuff*/
.nav {
  background-color: #80A1D4;
  overflow: hidden;
}
.midnav {
  background-color: #95B1DB;
}

.nav >* {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 0.5vmin 2vmin;
  text-decoration: none;
  font-size: 4vmin;
  height: 5vmin;
  transition: 0.2s;
}

.nav a.active {
  background-color: #5d7f95;
  color: #2E2836;
}
.nav a:hover {
  background-color: #955d8f;
  color: #2E2836;
}

#title-header{
  transition:3s;
  background-color: #5d957b;  
  position: absolute;
  line-height: 100%;
  right: 0;
  width: 7em;
}
#title-header.trans{
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  float: none;
  line-height: 100vh;
  font-size: 10vmin;
  padding: 0;
}

table{
  margin: auto;
  padding-bottom: 1em;
}
td{
  padding-left: 1em;
  padding-right: 1em;
}