body{background:#161616!important;color:#fff;width:100vw;overflow-x:hidden;font-size:21px}h1{border-bottom:10px solid #07A9DD}h1,h2,h3{margin:0;color:#07a9dd}#bodycontainer{padding:0 20px}#border{border:10px solid white;position:fixed;width:calc(100vw - 37px);height:calc(100vh - 20px);top:0;z-index:-1;left:0}#header{display:flex}#logo{max-width:100%}#discord{position:fixed;bottom:35px;right:35px}#navigation{margin-top:20px}#sitecontent{width:calc(100% - 500px);background:rgba(245,245,245,1);padding:15px;color:#000;margin-bottom:20px;border-left:10px solid #07A9DD}#sitecontent a{color:#07a9dd;font-weight:700;text-decoration:none}#sitecontent a:hover{color:gray}nav ul{margin:0;padding:0}nav ul li{display:inline-block;padding:15px 30px 50px 15px;background:rgba(245,245,245,1);margin:2px;color:#323232;transform:perspective(300px) rotateY(-10deg);transition:.7s;width:150px;height:30px;font-weight:700}nav ul li:hover{background:#07A9DD;transform:perspective(300px) rotateY(-5deg);transition:.7s;color:#fff}nav ul a{color:#fff;text-decoration:none;vertical-align:top}#linklist{text-align:center}#linklist ul{padding:0;margin:0;list-style:none}#linklist li{background:#161616;margin:5px 0;padding:10px;color:#fff}#linklist li:hover{background:#07A9DD}@media (max-width:979px){body{width:calc(100vw - 20px);height:auto;overflow-y:visible;position:relative;margin:0}#sitecontent{width:auto}#border{width:calc(100vw - 37px);height:100%}#discord{margin-top:10px;position:relative;text-align:center;bottom:auto;right:auto}#header{display:block}#navigation{margin:0 0 10px}nav ul li{width:calc(50% - 47px)}nav ul li,nav ul li:hover{transform:none;margin:0;border:1px solid gray}}