*{padding:0;margin:0}body{margin:0!important;font-family:Comfortaa,sans-serif!important;color:#ebebeb!important}.App{text-align:center}.App .selectButton{position:absolute;margin-top:70px}.App .selectButton>button{border-bottom-left-radius:0;border-top-left-radius:0;background:#e0e0e066}.dropdown-menu{right:0}.canvasDiv{width:100%;height:100%;overflow:hidden;background:#09010a}.canvasDiv.airplane{background:linear-gradient(#95989aa6,#e3d08f)}.main-canvasDiv,header{position:fixed}header{right:15px;top:15px;width:135px;z-index:3}header.playList{display:flex;flex-direction:column;width:281px;margin-top:50px}header.playList button{margin-bottom:5px}header#sky{background:#00000054;padding:21px;color:#fff;width:300px;margin-top:50px}.asidePanel{background:#0000}.asidePanel a,.asidePanel button{width:100%}.asidePanel a{background:#ffffff7a}.asidePanel a:hover{background:#0bff978c}.asidePanel .slide-pane__content{padding:0;background:#0003;overflow:hidden}.dropdown{opacity:.2;transition:1s}.dropdown:hover{opacity:1}.App-logo{animation:App-logo-spin 20s linear infinite;height:80px}.App-header{height:150px;padding:20px;color:#000}.App-title{font-size:1.5em}.App-intro{font-size:large}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.linkPop{width:50px;height:30px;background:#fff;border:3px double gray}.linkPop div{font-size:4.5px;line-height:13px}.linkPop button{font-size:4px;width:30px;height:8px}.screenPop{width:80px;height:25px;background:#fff;border:3px double gray}.screenPop div{font-size:4px;line-height:9px}.screenPop button{width:auto;height:7px;line-height:3px;font-size:4px}.buttons button{width:100px;margin:3px}.buttonInCenter,.buttonInCenter button{width:300px;height:150px;position:absolute;font-size:30px}.buttonInCenter button,.buttonInCenter button button{border:5px double gray}.buttonInCenter{width:auto}.progress{transition:2s;position:absolute;width:100%}.mainRenderer{z-index:1;pointer-events:none}.cssRenderer{z-index:0}.cssRenderer,.mainRenderer{position:absolute;top:0;left:0}.ReactModalPortal .inside,.selectButton{z-index:1}.playList{border:1px solid #fff;padding:6px 6px 1px;border-radius:7px;background:#fff6}#overlay{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:1;background-color:#f84;color:#fff}#overlay>div{text-align:center}#overlay>div>button{height:20px;width:150px;background:#0000;color:#fff;outline:1px solid #fff;border:0;cursor:pointer}#info{position:absolute;bottom:0;margin:5px;font-family:monospace}a{font-family:Comfortaa,sans-serif;color:#ebebebb0;font-size:16px;text-transform:capitalize;transition:1s}a:hover{color:#ebebeb}div.header{width:100%;height:50px;position:fixed;color:#fff;transition:background .8s ease;-webkit-transition:background .3s ease;display:flex;justify-content:space-between;background:#09010a1a;z-index:2}div.header:hover{background:#09010a40}div.header .leftHeader{max-width:500px;width:100%;height:100%;margin-left:40px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}div.header .leftHeader .glitch-text{position:relative;display:inline-block}div.header .leftHeader .glitch-text:hover{animation:glitch 1s infinite}div.header .leftHeader .glitch-text:hover:before{animation:glitch-anim 5s linear infinite alternate-reverse}div.header .leftHeader .glitch-text:hover:after{animation:glitch-anim2 5s linear infinite alternate-reverse;animation-delay:.3s}div.header .leftHeader .glitch-text:after,div.header .leftHeader .glitch-text:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}div.header .leftHeader .glitch-text:before{left:2px;text-shadow:-1px 0 #64ffda;clip:rect(44px,450px,56px,0)}div.header .leftHeader .glitch-text:after{left:-2px;text-shadow:-1px 0 #ff00ffb3;clip:rect(44px,450px,56px,0)}div.header .rightHeader{max-width:500px;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}div.header .rightHeader>*{color:wheat;text-decoration:none}div.header .rightHeader a:hover,div.header .rightHeader button:hover{color:#ffffffb0;border-color:#0000}div.header .rightHeader .MuiButton-root,div.header .rightHeader .MuiIconButton-root,div.header .rightHeader a{color:#e4e4e4;text-decoration:none}div.header .rightHeader>:last-child{margin-right:15px}div.header .rightHeader .glitch-text{position:relative;display:inline-block}div.header .rightHeader .glitch-text:hover{animation:glitch 1s infinite}div.header .rightHeader .glitch-text:hover:before{animation:glitch-anim 5s linear infinite alternate-reverse}div.header .rightHeader .glitch-text:hover:after{animation:glitch-anim2 5s linear infinite alternate-reverse;animation-delay:.3s}div.header .rightHeader .glitch-text:after,div.header .rightHeader .glitch-text:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}div.header .rightHeader .glitch-text:before{left:2px;text-shadow:-1px 0 #64ffda;clip:rect(44px,450px,56px,0)}div.header .rightHeader .glitch-text:after{left:-2px;text-shadow:-1px 0 #ff00ffb3;clip:rect(44px,450px,56px,0)}.project-list{max-width:700px;margin:auto;position:relative;top:150px}.project-list a{color:#fdb}.project-list .MuiButton-root:hover{background-color:#f5deb330}.about{color:#ebebeb}::-webkit-scrollbar{border-radius:10px;width:4px;position:relative;right:-32px}::-webkit-scrollbar-track{position:relative;right:-32px;background:#888}::-webkit-scrollbar-thumb{background:#f1f1f1;position:relative;right:-32px}::-webkit-scrollbar-thumb:hover{background:#c8c8c8}div[role=tooltip]>div{background:#000;color:#fff;border:1px solid #fff;padding:10px;border-radius:5px}@keyframes glitch{0%{text-shadow:.05em 0 0 #64ffda,-.05em -.025em 0 #ff00ffbf,-.025em .05em 0 #00ffffbf}14%{text-shadow:.05em 0 0 #64ffda,-.05em -.025em 0 #ff00ffbf,-.025em .05em 0 #00ffffbf}15%{text-shadow:-.05em -.025em 0 #64ffda,.025em .025em 0 #ff00ffbf,-.05em -.05em 0 #00ffffbf}49%{text-shadow:-.05em -.025em 0 #64ffda,.025em .025em 0 #ff00ffbf,-.05em -.05em 0 #00ffffbf}50%{text-shadow:.025em .05em 0 #64ffda,.05em 0 0 #ff00ffbf,0 -.05em 0 #00ffffbf}99%{text-shadow:.025em .05em 0 #64ffda,.05em 0 0 #ff00ffbf,0 -.05em 0 #00ffffbf}to{text-shadow:-.025em 0 0 #64ffda,-.025em -.025em 0 #ff00ffbf,-.025em -.05em 0 #00ffffbf}}@keyframes glitch-anim{0%{clip:rect(56px,9999px,42px,0)}5.2631578947%{clip:rect(76px,9999px,31px,0)}10.5263157895%{clip:rect(76px,9999px,56px,0)}15.7894736842%{clip:rect(59px,9999px,38px,0)}21.0526315789%{clip:rect(34px,9999px,4px,0)}26.3157894737%{clip:rect(30px,9999px,41px,0)}31.5789473684%{clip:rect(92px,9999px,39px,0)}36.8421052632%{clip:rect(45px,9999px,93px,0)}42.1052631579%{clip:rect(13px,9999px,86px,0)}47.3684210526%{clip:rect(92px,9999px,14px,0)}52.6315789474%{clip:rect(80px,9999px,89px,0)}57.8947368421%{clip:rect(60px,9999px,83px,0)}63.1578947368%{clip:rect(52px,9999px,66px,0)}68.4210526316%{clip:rect(14px,9999px,55px,0)}73.6842105263%{clip:rect(44px,9999px,75px,0)}78.9473684211%{clip:rect(34px,9999px,61px,0)}84.2105263158%{clip:rect(26px,9999px,56px,0)}89.4736842105%{clip:rect(67px,9999px,56px,0)}94.7368421053%{clip:rect(48px,9999px,62px,0)}to{clip:rect(71px,9999px,86px,0)}105.2631578947%{clip:rect(64px,9999px,83px,0)}}@keyframes glitch-anim2{0%{clip:rect(29px,9999px,21px,0)}5.2631578947%{clip:rect(11px,9999px,90px,0)}10.5263157895%{clip:rect(66px,9999px,47px,0)}15.7894736842%{clip:rect(40px,9999px,27px,0)}21.0526315789%{clip:rect(95px,9999px,92px,0)}26.3157894737%{clip:rect(61px,9999px,63px,0)}31.5789473684%{clip:rect(85px,9999px,26px,0)}36.8421052632%{clip:rect(22px,9999px,99px,0)}42.1052631579%{clip:rect(20px,9999px,84px,0)}47.3684210526%{clip:rect(33px,9999px,15px,0)}52.6315789474%{clip:rect(34px,9999px,74px,0)}57.8947368421%{clip:rect(50px,9999px,40px,0)}63.1578947368%{clip:rect(75px,9999px,10px,0)}68.4210526316%{clip:rect(89px,9999px,29px,0)}73.6842105263%{clip:rect(78px,9999px,58px,0)}78.9473684211%{clip:rect(55px,9999px,79px,0)}84.2105263158%{clip:rect(25px,9999px,95px,0)}89.4736842105%{clip:rect(53px,9999px,16px,0)}94.7368421053%{clip:rect(97px,9999px,7px,0)}to{clip:rect(94px,9999px,82px,0)}105.2631578947%{clip:rect(91px,9999px,89px,0)}}