body {
background: #333533;
font-family:monospace;
color: rgb(216, 216, 216);
font-size: min(2vw, 16px);
}

h1, h2, h3{
text-align: center;
font-family:sans-serif;
}

div.main {
background-image: url(backgroundhome.png);
position:absolute;
background-repeat: repeat-y;
}

div.left {
float: left;
width:75vw;
display:block;
}

div.right {
float: right;
height: 90vh;
width:18vw;
left: 79vw;
position:fixed;
overflow-y: scroll;
}

div.side {
border: 4px #f5cb5c outset;
margin: 4%;
padding: 2%;
background-color: #2424239f;
}

img {
object-fit: cover;
display:flex;
height: auto;
width: 30%;
margin-left: auto;
margin-right: auto;
padding: 3px;
border: 4px #f5cb5c outset;
box-shadow: 3px 3px 1px #000000;
}

hr {
width: 90%;
margin-top: 5%;
margin-bottom: 5%;
}

a {
text-decoration: inherit;
color: inherit;
display: block;
margin-bottom: 3%;
}

a:hover {
color: #f5cb5c;
}