@charset "UTF-8";
html, body{
height: 100%;
}
main{
width: 1200px;
height:1000px;
background-color: #cdf1f1;
border: solid 4px #05355f;
position: relative;
    }
#container {
position: absolute;
right: 6px;
left: 6px;
top:9px;
box-sizing: border-box;
width: 77%;
margin-top: 10%;
margin-left: auto;
margin-right: auto;
border: solid 4px #05355f;
padding: 12px;
border-radius: 8px;
line-height: 2em;
font-size: large;
font-family:'Times New Roman', Times, Helvetica, sans-serif;
background-color: #cdf1f1;
background-image: url(images/background.jpg);
background-position: center; /*Center the image */
background-repeat: no-repeat;
background-size: cover; /*Resize the backgound image so that it covers the entire container*/
height:500px;
overflow:auto;
}