@font-face{font-family:"Pro Font";font-style:normal;font-weight:normal;src:url(fonts/ProFontWindows.ttf) format("truetype")}@font-face{font-family:"Pro Font";font-style:normal;font-weight:bold;src:url(fonts/ProFontWindows-Bold.ttf) format("truetype")}@font-face{font-family:common pixel;font-style:normal;font-weight:normal;src:url(fonts/CommonPixel.ttf) format("truetype")}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:normal;src:url(fonts/PressStart2P-Regular.ttf) format("truetype")}.fixed-view{z-index:100;position:fixed;left:0px;top:40px;width:100%;height:calc(100% - 40px);overflow:hidden}.settings-view,.files-view{padding:10px;color:#fff;font-family:"Common Pixel";position:fixed;top:0px;left:0px;border-radius:10px;backdrop-filter:blur(10px);box-shadow:0px 0px 10px #000;margin:50px;width:calc(100% - 100px);height:calc(100% - 100px);border:2px solid #fff;overflow:hidden}.settings-view>div{font-family:"Pro Font"}.files-view>h1{font-family:"Press Start 2P"}.files-view>ul{font-family:"Pro Font"}body{overflow:hidden;margin:0px}.instructions{-webkit-user-select:none;pointer-events:none;position:absolute;right:0px;top:40px;background-color:rgba(0,0,0,.25);color:#fff;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;text-shadow:1px 1px #555;border-bottom-left-radius:6px;padding:10px;z-index:80}.titlebar{-webkit-user-select:none;-webkit-app-region:drag;height:40px;max-height:40px;overflow:hidden;background-color:#000;z-index:100;position:relative;border-bottom:2px solid #2f4f4f;text-align:center;color:#f5f5f5;font-family:"Common Pixel","Courier New",Courier,monospace;font-size:35px;line-height:1;padding-top:2px;box-sizing:border-box}button{border-radius:0px;border:1px solid #000}.graphite-flat-button,button{position:relative;vertical-align:top;width:100%;height:24px;padding:0;font-size:12px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.25);background:#454545;border:0;border-bottom:2px solid #2f2e2e;cursor:default;-webkit-box-shadow:inset 0 -2px #2f2e2e;box-shadow:inset 0 -2px #2f2e2e;font-family:"Common Pixel","Courier New",Courier,monospace}.graphite-flat-button:hover,button:hover{background:#656565}.graphite-flat-button:active,button:active{top:1px;outline:none;-webkit-box-shadow:none;box-shadow:none}.menu.hide{opacity:0;display:none}.menu.out{opacity:0;user-select:none;pointer-events:none}.menu-title{font-family:"Common Pixel",sans-serif;font-size:50px;color:#fff;user-select:none;background-color:rgba(0,0,0,.5);max-width:623px}.menu{opacity:1;user-select:none;z-index:99;position:relative;margin:0;float:none;width:100%;height:100vh;padding-top:calc(50vh - 150px - 25px);padding-left:calc(50vw - 300px);background:rgba(0,0,0,.5);backdrop-filter:blur(5px);transition:opacity .8s ease,box-shadow 2s;background-image:url("images/banner2.jpg");background-size:cover;background-attachment:fixed;background-position:top center}.menu-running{background-image:none;backdrop-filter:blur(10px)}.nav{font-family:"Common Pixel",sans-serif;text-transform:uppercase;text-decoration:none;display:inline;height:150px;width:150px;margin:2px 2px 2px 1px;overflow:hidden;float:left;text-align:center;background:#47dac8;color:#fff;transition:all .8s ease,box-shadow 2s;-webkit-transition:all .8s ease,box-shadow 2s;border-right:3px solid rgba(19,67,94,0);cursor:pointer}.nav[data-active=true],.nav:hover{color:#111;border-right:3px solid #13425e;-webkit-box-shadow:inset 0px -200px 0px 0px #2a93d0;-moz-box-shadow:inset 0px -200px 0px 0px #2a93d0;box-shadow:inset 0px -200px 0px 0px #2a93d0;-webkit-backface-visibility:visible;-webkit-transform-origin:50% 50%;-webkit-transform:perspective(500px) rotateY(-40deg) scaleY(0.9) scaleX(1.15)}.nav[data-active=true] .icon:first-child,.nav:hover .icon:first-child{margin-bottom:-150px;padding-left:160px}.icon{height:150px;width:150px;line-height:150px;font-size:25px;transition:margin .8s,padding 1.5s;-webkit-transition:margin .8s,padding 1.5s;-webkit-backface-visibility:visible;-webkit-transform-origin:50% 50%;-webkit-transform:perspective(500px) rotateY(-40deg) scaleY(0.9) scaleX(1.15);height:100%;width:100%}.icon>svg{position:relative;top:5px;fill:#fff;stroke:#fff;color:#fff;transition:all .8s ease,box-shadow 2s}.nav:hover>.icon>svg{fill:#111;stroke:#111;color:#111}button[data-active=true]{background-color:green}