body {
background: #333533;
font-family: monospace;
color: #e8eddf;
}

h1, h2, h3{
text-align: center;
}

div.main {
padding: 1%;
display:flex;
background-color: #cfdbd5;
font-size: 14px;
position:absolute;
}

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

div.right {
float: right;
width:20vw;
margin-left: 80%;
position:fixed;
}

div.side {
display:block;
border: 4px #f5cb5c outset;
margin: 2%;
padding: 2%;
background-color: #242423;
box-shadow: 3px 3px 1px #999999;
}

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

}

hr {
margin: 1%;
}

a {
text-decoration: inherit;
color: inherit;
display: block;
font-size: 16px;
margin: 2%;
}

a:hover {
color: #f5cb5c;
}

textarea {
max-width: 100%;
}