html{font-family:Lato,sans-serif}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#111;min-width:220px;box-shadow:0 8px 16px #0003;z-index:20}.dropdown-content a{color:#ccc;padding:12px 16px;text-decoration:none;display:block;transition:background .2s;z-index:12}.dropdown-content a:hover{background-color:#333;color:#fff}.dropdown:hover .dropdown-content{display:block}.background{z-index:0;background-color:#0f0f0f;position:fixed;top:0;left:0;width:100%;height:90px}#header_name{z-index:5;color:#c5e418;width:120px;text-align:center;top:5px;left:50%;transform:translate(-50%);position:fixed;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}#sign_in{z-index:4;color:#6f9e01;position:fixed;font-size:10pt;font-weight:100;font-stretch:narrower;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;right:50px;top:20px;padding:0%}#sign_in:hover{text-decoration:underline}body{background-color:#000}#steam_frame{position:relative;left:100px;top:10px;width:40vw;height:20vw}#content_frame{background-color:#141414;border-radius:10px;margin:10px;padding-bottom:20px;max-width:50%;transform:translate(50%)}h1{background-color:#0f0f0f;color:#7cc900;padding:15px;font-size:40px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border-radius:5px}p{color:#e0ffce;max-width:800px;margin:50px auto;font-size:25px;line-height:1.6;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;text-indent:1.5em;text-align:justify}#me_img{display:block;margin:40px auto 20px;border-radius:50%;object-fit:cover;width:400px;height:400px}#startVis{z-index:10;padding:30px;position:absolute;display:block;color:#8bc641;background-color:#262621;font-size:20px;left:50%;top:120px;border:2px solid #8BC641;border-radius:20px;transform:translate(-50%)}#startVis:hover{background-color:#0a0f00;cursor:pointer;color:#c5e418;border:3px solid #c5e418}#startVis:active{background-color:#8f0;color:#000}#clock{z-index:4;position:fixed;color:#8bc641;font-size:15px;left:85px;top:25px}.logo{z-index:2;position:fixed;display:block;width:45px;padding:10px;cursor:pointer;transition:.7s;top:13px;left:15px;border-radius:20%}.logo:hover{background-color:#1a27003d}#menulogo{width:50%;padding:15px;display:block;margin:10px auto;text-align:center}.content{margin-top:100px;z-index:5;padding:10px;font-size:26pt;font-family:Verdana,Geneva,Tahoma,sans-serif;color:#6f9e01}#header{z-index:5;background-color:#0f0f0f;padding:10px 25px 10px 10px;position:fixed;top:80px;left:0;border-bottom-right-radius:20px;border-bottom:2px solid #8BC641}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:#0f0f0f}::-webkit-scrollbar-thumb{background-color:#8bc641}#background-layer{background-color:transparent}#background-layer canvas{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none;background-color:transparent}#mainview{border:none;display:block;width:100%;height:90vh;overflow:visible;z-index:10}#hamb{width:20px;display:none;z-index:4;position:fixed;left:20px;color:#8bc641;transition:.5s;top:100px;background-color:#0f0f0f;padding:.5px 7px 3px;background-color:none;border-radius:10%;font-size:25px;cursor:pointer;text-align:center}#hamb:hover,#hamb:active{background-color:#000}.project-link{color:#8bc641;font-size:20px;text-decoration:none;display:block;padding:20px;max-width:70%;text-align:center;background-color:#080808;margin:0 auto;border-radius:5px;transition:all .2s ease}.project-link:hover{color:#8cff00;font-size:30px;background-color:#000}.overlay{height:90px;width:100%;position:fixed;z-index:1;top:0;text-align:center;right:15px}.overlay-content{z-index:5;position:relative;top:35px;width:100%;height:100px;margin-top:30px;display:inline}.menulist{z-index:4;padding:10px 40px;background-color:#262621;text-decoration:none;font-size:35px;color:#8bc641;display:inline;border-radius:5px;transition:.3s;font-family:Arial,Helvetica,sans-serif;font-weight:bolder}.menulist:hover,.menulist:focus{color:#c5e418;font-size:38px;border-bottom:2px solid #8BC641;border-right:2px solid #8BC641}.overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px}@media screen and (min-width: 1200px){.overlay-content{display:inline}}@media (max-width: 1200px){::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background-color:#0f0f0f}::-webkit-scrollbar-thumb{background-color:#8bc641}p{font-size:15px;padding:50px}h1{font-size:25px}.overlay{z-index:1;width:10vw;height:50vw;right:100%;text-align:right}.overlay-content{z-index:3;display:block;height:350px;width:100%;position:fixed;background-color:#0f0f0fd2;left:0;top:50px;padding-top:40px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-bottom:5px solid #8BC641}.menulist{background-color:#262621;position:relative;font-size:40px;float:left;left:48%;transform:translate(-50%);display:block;top:25px;margin:10px 10px 0;width:60%;height:40px;text-align:center}body{margin-top:50px}#startVis{top:80%}#hamb{display:block;background-color:#0000}#sign_in{font-size:2vw;cursor:pointer}#header_name{width:180px;top:50px}#content_frame{background-color:#141414;border-radius:10px;margin:10px;padding-bottom:20px;max-width:80%;transform:translate(10%)}.project-link{max-width:80%}}@media screen and (max-height: 450px){.overlay a{font-size:20px}.overlay .closebtn{font-size:40px;top:15px;right:35px}}