html{
    margin: auto;
    padding:0;
    width: calc(70vw);
    height: calc(100vh);
}
div p{
    padding:10px;
}
body{
    display: inline-block;
    background-color: #000;
    margin: auto;
    padding:0;
    width: calc(70vw);
    height: calc(100vh);
    vertical-align: top;
    overflow: hidden;
    right: 0;
    color: white;
    font-family: 'Nunito Sans', sans-serif;
    font-size: large;
    text-shadow: 1px 1px #000000, 1px -1px #000000, -1px 1px #000000, -1px -1px #000000;
}
table tr td:first-child{
    text-align:left;
}
table tr td:nth-child(){
    text-align:center;
}
table tr td:last-child{
    text-align:right;
}
a:link {
    color: #bbe1fa;
    text-decoration: none;
}
a:visited {
    color: #bbe1fa;
    text-decoration: none;
}
a:hover {
    color: #3282b8;
    text-decoration: none;
}
a:active {
    color: #3282b8;
    text-decoration: none;
}
/*main body css with half height to make body 2 divs*/
.main-body {
    display: block;
    margin: auto;
    width: calc(70vw);
    height: calc(38vh);
    max-width: calc(70vw);
    min-width: calc(70vw);
    min-height: calc(38vh);
    background-color: #040857;
    overflow: hidden;
    right: 0;
    color: white;
    font-family: 'Nunito Sans', sans-serif;
    font-size: large;
    text-shadow: 1px 1px #000000, 1px -1px #000000, -1px 1px #000000, -1px -1px #000000;
}
/*main body css with half height and half width to make side by side divs that take half height of body*/
.main-body-half-right {
    display: block;
    margin: auto;
    float:right;
    width: calc(35vw);
    height: calc(38vh);
    max-width: calc(35vw);
    min-width: calc(35vw);
    min-height: calc(38vh);
    background-color: #040857;
    overflow: hidden;
    right: 0;
    color: white;
    font-family: 'Nunito Sans', sans-serif;
    font-size: large;
    text-shadow: 1px 1px #000000, 1px -1px #000000, -1px 1px #000000, -1px -1px #000000;
}
.main-body-half-left { 
    display: block;
    margin: auto;
    width: calc(35vw);
    height: calc(38vh);
    max-width: calc(35vw);
    min-width: calc(35vw);
    min-height: calc(38vh);
    background-color: #040857;
    overflow: hidden;
    right: 0;
    color: white;
    font-family: 'Nunito Sans', sans-serif;
    font-size: large;
    text-shadow: 1px 1px #000000, 1px -1px #000000, -1px 1px #000000, -1px -1px #000000;
}
/* main body that takes up the full body with 1 div*/
.main-body-full{
	width: calc(70vw);
    min-width: calc(70vw);
    max-width: calc(70vw);
    height: calc(76vh);
    min-height: calc(76vh);
	max-height: calc(76vh);
	padding: 0;
	vertical-align: top;
    background-color: #040857;
    overflow: auto;
}
.header{
    display: block;
    margin: 0px auto;
    width: calc(70vw);
    height: calc(13vh);
    max-width: calc(70vw);
    min-width: calc(70vw);
    min-height: calc(13vh);
    background-color: #750505;
    color: white;
}
.footer{
    display: block;
    margin: 0px auto;
    width: calc(70vw);
    height: calc(11vh);
    max-width: calc(70vw);
    min-width: calc(70vw);
    min-height: calc(11vh);
    background-color: #141c20;
    color: white;
}