@font-face{
font-family: league-gothic;
src: url("resources/style_images/LeagueGothic-Regular.otf") format("opentype");
}
body{
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
background:white;
margin:0;
padding:0;
}
h1{
font-family:league-gothic;
position:absolute;
top:-12px;
left:100px;
margin:0;
padding:0;
color:black;
font-size:110px;
}
h2{
position:absolute;
top:10px;
left:285px;
height:81px;
width:calc(100% - 335px);
background:black;
color:white;
text-align:left;
box-sizing:border-box;
font-size:30px;
margin:0;
padding-left:10px;
padding-top:42px;
font-family:league-gothic;
}
#container{
position:absolute;
bottom:0;
left:100px;
padding:40px;
box-sizing:border-box;
height:calc(100% - 100px);
width:calc(100% - 150px);
background-color:#333333;
box-shadow:0 0 7px black;
color:#D6D6D6;
font-family:roboto;
overflow:scroll;
}
#container a{
color:white;
}
#container p{
padding:9px;
background:black;
margin-left:-3px;
}