html,body{margin:0;font-family:'Open Sans', sans-serif;color:#DDDDDD}html:before,body:before{background-image:url("res/vergil_dancing.gif");background-color:black;content:"";position:fixed;left:0;top:0;z-index:-1;display:block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;filter:blur(4px);-webkit-filter:blur(4px)}header{font-size:24px;font-family:'Quicksand', sans-serif}body>header{box-shadow:inset 0px -15px 20px 0px rgba(0,0,0,0.5);background-color:rgba(0,0,0,0.5);height:120px}body>header div{margin-left:auto;margin-right:auto;pointer-events:none}@media screen and (max-width: 800px){body>header div{width:100%}}@media screen and (min-width: 800px){body>header div{width:800px}}body>header div img{display:inline;margin-right:50px;object-fit:contain;width:120px;height:120px}body>header div h1{display:inline;vertical-align:45px;pointer-events:none}body>header div h1 span{margin:5px 0px}body>header div h1 span:nth-child(1){font-size:.5em}body>header div h1 span:nth-child(4){font-size:.5em}@media screen and (max-width: 800px){main{width:100%}}@media screen and (min-width: 800px){main{width:800px;margin-left:auto;margin-right:auto}}main section{border-radius:10px 5px;box-shadow:0px 6px 10px -2px rgba(0,0,0,0.75);padding-left:10px;padding-right:20px;padding-top:5px;padding-bottom:5px;margin-bottom:10px}main section span.bold{font-weight:900;text-shadow:0px 0px 2px ghostwhite}main section ul{list-style:none;padding-left:5px}main section ul li{margin-bottom:5px}main section ul li:before{content:"\2605";margin:0 1em 0 .5em}main section header{font-size:2em;border-radius:5px;box-shadow:0px 5px 5px -4px rgba(0,0,0,0.5);margin-bottom:10px}nav{box-shadow:0px 5px 10px 0px rgba(0,0,0,0.56);height:32px;width:100%;margin:0px}nav a{text-decoration:none;display:block;float:left;text-align:center;padding:5px 0px;width:25%;transition:text-shadow .2s, box-shadow .2s;color:ghostwhite}nav a:hover{text-shadow:0px 1px 25px ghostwhite}nav a:active{box-shadow:inset 0px 0px 30px -2px rgba(0,0,0,0.75)}nav a.active{box-shadow:inset 0px 0px 30px -2px rgba(0,0,0,0.75)}@media screen and (max-width: 800px){nav{width:100%}}@media screen and (min-width: 800px){nav{width:800px;margin-left:auto;margin-right:auto}}footer{position:fixed;bottom:0px;left:0px;width:100%;text-shadow:0px 0px 5px ghostwhite}
/*# sourceMappingURL=style.css.map */