.nav{
    overflow: auto;
    position: absolute;
    margin-left: 20%;
    margin-top: 9%;
    width: 60%;
    height: 12%;
}
.info{
    overflow: auto;
    position: absolute;
    margin-left: 20%;
    margin-top: 13%;
    width: 60%;
    height: 70%;
	border-style: solid;
	border-color: yellow;
    background-color: #fff;
}

.banner{
    overflow: hidden;
    position: absolute;
    margin-left: 20%;
    width: 60%;
    height: 30%;
	margin-top: -2%;
}
@media all and (max-width: 1100px) {
    .banner {visibility: hidden;}
    .nav{height: 5%;}
    .info{width: 60%; margin-left: 35%;}
}
@font-face {
    font-family: 'soft_marshmallowregular';
    src: url('fonts/soft_marshmallow-webfont.woff2') format('woff2'),
         url('fonts/soft_marshmallow-webfont.woff') format('woff'),
         url('fonts/soft_marshmallow-webfont.ttf') format('truetype'),
         url('fonts/soft_marshmallow-webfont.svg#soft_marshmallowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cartoon_80regular';
    src: url('fonts/cartoon_80-webfont.woff2') format('woff2'),
         url('fonts/cartoon_80-webfont.woff') format('woff'),
         url('fonts/cartoon_80-webfont.ttf') format('truetype'),
         url('fonts/cartoon_80-webfont.svg#cartoon_80regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sf_cartoonist_handregular';
    src: url('fonts/SF_Cartoonist_Hand-webfont.eot');
    src: url('fonts/SF_Cartoonist_Hand-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SF_Cartoonist_Hand-webfont.woff2') format('woff2'),
         url('fonts/SF_Cartoonist_Hand-webfont.woff') format('woff'),
         url('fonts/SF_Cartoonist_Hand-webfont.ttf') format('truetype'),
         url('fonts/SF_Cartoonist_Hand-webfont.svg#sf_cartoonist_handregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
h1{
	font-family: 'cartoon_80regular';
    text-align: center;
	font-weight:normal;
	font-style:normal;
	color: #65dd6f;
	text-shadow: 4px 4px #316c36;
	font-size: 800%;
}
h2{
	font-family: 'soft_marshmallowregular';
    text-align: center;
	font-weight:normal;
	font-style:normal;
	color: #fb89e1;
	font-size: 225%;
	text-shadow: 2px 2px #ff0000;
}
h3{
	font-family: 'sf_cartoonist_handregular';
    text-align: center;
	font-style:normal;
	color: #ef7f67;
	font-size: 250%;
	font-weight:bold;
	margin-bottom: -1%;
}
h4{
	font-family: 'sf_cartoonist_handregular';
    text-align: center;
	font-weight:normal;
	font-style:normal;
	color: #ef7f67;
	font-size: 150%;
}
a:link {
	color: #fb89e1;
    text-decoration: none;
}

a:visited {
	color: #fb89e1;
    text-decoration: none;
}

a:hover {
	color: #fb89e1;
    text-decoration: none;
}

a:active {
	color: #fb89e1;
    text-decoration: none;
}
::-webkit-scrollbar{
    width: 0%;
    height: 100%;
    background-color: #e6e6e6;
}

::-webkit-scrollbar-thumb: vertical{
    width: 100%;
    height: 10%;
    background-color:#ffd8ff;
}

b{
    font-family: Something;
	color: #9BB291;
	font-weight: normal;
	font-size: 850%;
}

i{
    color: #589afc;
    font-style: italic;
}

u{
    color: #a6fca6;
    font-size: 80%;
    border-bottom: 1px dotted #a6fca6;
}
ol{
    list-style-type: none;
    padding: 0;
}

body, font, td, p, .medText{
    scrollbar-face-color: #c0c0c0;
    font-family: 'sf_cartoonist_handregular';
	font-size: 100%;
    color: #000;
}
p{
    margin-left: 2%;
    margin-right: 2%;
    text-align: center;
	font-size: 150%;
}
    
body{
    background-image: url("bg.png");
}