@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');

body {
background-color: black;
font-family: "Roboto Slab", serif;
color: white;
font-size:15px;
}

.everything {
width: 700px;
height: 800px;
translate: 350px 0px;
margin-top: 30px;
}

.nav {
width:690px;
height: 50px;
translate: 4px 0px;
align-content: center;
text-align: center;
border: 2px solid white;
word-spacing: 50px;
}

.main {
translate: 4px 10px;
width:450px;
height: 690px;
border: 2px solid white;
text-indent: 7px;
padding-left:1px;
position:absolute;
}

.side {
translate: 460px 10px;
width:235px;
height: 680px;
border: 2px solid white;
text-indent: 5px;
text-align: center;
font-size:12px;
overflow: auto;
padding-top: 10px;
overflow: hidden;
}

hr {
color: white;
border-width: 1px;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
}


 a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: white;
  background-color: transparent;
  text-decoration: underline;
 font-style: italic; 
}

a:active {
  color: white;
  background-color: transparent;
  text-decoration: none;
}