body {
background: linear-gradient(to bottom, #ce6f02 0%, #4706a1 100%);
font-family:sans-serif;
color: rgb(0, 0, 0);
height: 100vh;
}

div {
height:auto;
}

div.main {
margin: 2%;
padding: 1%;
display:flex;
border: 5px #3c0485 double;
background-color: rgba(224, 182, 91, 0.815);
font-size: 12px;
color: rgb(0, 0, 0);
font-size: 16px;
}

div.left {
float: left;
width:55vw;
}
div.right {
float: right;
width:40vw;
}

div.side {
display:block;
}

img {
display:grid;
height: 300px;
width: auto;
margin: 1%;
border: 2px #4706a1 solid;
}

h1, h3{
text-align: center;
font-family:'Trebuchet MS', sans-serif;
}

hr {
margin: 1%;
}