:root{
    font-family: "Georgia", "Times New Roman", Times, serif;
    font-size: 1.1em;
    margin: 0;
    padding: 0;
    background-color: black;
}

*{
    text-decoration: none;
    color:white;
    list-style: none;
}

html {
  padding: 5px;
  height: 100%;
}

header {
  height: 30px;
} 

aside {
  float: right;
  clear: both;
}

h2, h3 {
  margin-bottom: 5px;
  color: #604fc9;
}

h4 {
  margin-top: 40px;
  margin-bottom: 20px;
  color: #604fc9;
}

p {
  padding-bottom: 25px;
}

#container {
  clear: both;
  padding-top: 15px;
  color: lavenderblush;
  width: 60%;
  position: absolute;
  right: 15%;
}

.rightside {
  position: absolute;
  right: 0px;
  width: 50px;
  text-align: right;
}

#letter {
  font-size: 1.2em;
}

#logo {
  margin-top: 7px;
  margin-bottom: 7px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
}

#social {
    float: right;
  }

.socialimages {
  max-width: 55px;
  height: auto;
  margin: 20px;
  text-align: right;
}

#question {
  color: #604fc9
}

.biol {
  width: 25%;
  float: left;
  margin: 0px 20px 10px 0px;
}

.bior {
  width: 20%;
  float: right;
  margin: 0px 0px 10px 20px;
}



@media screen and (max-width: 1200px) {
  #container {
    padding-top: 15px;
    max-width: 80%;
    margin-right: 10vw;
  } 

  .pdf {
    width: 350px;
    height: 700px;
  }
}

@media screen and (max-width: 700x) {
  #container {
    padding-top: 15px;
    max-width: 80%;
    margin-left: 5px;
  } 
}