*{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:rgba(224,224,224,.4)}.dropdown-menu{right:0}.canvasDiv{width:100%;height:100%;overflow:hidden;background:#09010a}.canvasDiv.airplane{background:linear-gradient(rgba(149,152,154,.65),#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:rgba(0,0,0,.33);padding:21px;color:#fff;width:300px;margin-top:50px}.asidePanel{background:rgba(0,0,0,0)}.asidePanel a,.asidePanel button{width:100%}.asidePanel a{background:hsla(0,0%,100%,.48)}.asidePanel a:hover{background:rgba(11,255,151,.55)}.asidePanel .slide-pane__content{padding:0;background:rgba(0,0,0,.2);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:hsla(0,0%,100%,.4)}#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:rgba(0,0,0,0);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:rgba(235,235,235,.69);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:rgba(9,1,10,.1);z-index:2}div.header:hover{background:rgba(9,1,10,.25)}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 rgba(255,0,255,.7);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:hsla(0,0%,100%,.69);border-color:rgba(0,0,0,0)}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 rgba(255,0,255,.7);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:rgba(245,222,179,.19)}.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 rgba(255,0,255,.75),-.025em .05em 0 rgba(0,255,255,.75)}14%{text-shadow:.05em 0 0 #64ffda,-.05em -.025em 0 rgba(255,0,255,.75),-.025em .05em 0 rgba(0,255,255,.75)}15%{text-shadow:-.05em -.025em 0 #64ffda,.025em .025em 0 rgba(255,0,255,.75),-.05em -.05em 0 rgba(0,255,255,.75)}49%{text-shadow:-.05em -.025em 0 #64ffda,.025em .025em 0 rgba(255,0,255,.75),-.05em -.05em 0 rgba(0,255,255,.75)}50%{text-shadow:.025em .05em 0 #64ffda,.05em 0 0 rgba(255,0,255,.75),0 -.05em 0 rgba(0,255,255,.75)}99%{text-shadow:.025em .05em 0 #64ffda,.05em 0 0 rgba(255,0,255,.75),0 -.05em 0 rgba(0,255,255,.75)}to{text-shadow:-.025em 0 0 #64ffda,-.025em -.025em 0 rgba(255,0,255,.75),-.025em -.05em 0 rgba(0,255,255,.75)}}@keyframes glitch-anim{0%{clip:rect(81px,9999px,46px,0)}5.2631578947%{clip:rect(77px,9999px,45px,0)}10.5263157895%{clip:rect(12px,9999px,48px,0)}15.7894736842%{clip:rect(14px,9999px,24px,0)}21.0526315789%{clip:rect(36px,9999px,53px,0)}26.3157894737%{clip:rect(31px,9999px,10px,0)}31.5789473684%{clip:rect(98px,9999px,85px,0)}36.8421052632%{clip:rect(81px,9999px,73px,0)}42.1052631579%{clip:rect(80px,9999px,65px,0)}47.3684210526%{clip:rect(84px,9999px,21px,0)}52.6315789474%{clip:rect(69px,9999px,77px,0)}57.8947368421%{clip:rect(84px,9999px,24px,0)}63.1578947368%{clip:rect(60px,9999px,55px,0)}68.4210526316%{clip:rect(49px,9999px,64px,0)}73.6842105263%{clip:rect(100px,9999px,33px,0)}78.9473684211%{clip:rect(88px,9999px,88px,0)}84.2105263158%{clip:rect(83px,9999px,81px,0)}89.4736842105%{clip:rect(39px,9999px,62px,0)}94.7368421053%{clip:rect(62px,9999px,66px,0)}to{clip:rect(80px,9999px,100px,0)}105.2631578947%{clip:rect(9px,9999px,30px,0)}}@keyframes glitch-anim2{0%{clip:rect(82px,9999px,18px,0)}5.2631578947%{clip:rect(68px,9999px,82px,0)}10.5263157895%{clip:rect(87px,9999px,79px,0)}15.7894736842%{clip:rect(87px,9999px,7px,0)}21.0526315789%{clip:rect(71px,9999px,14px,0)}26.3157894737%{clip:rect(85px,9999px,73px,0)}31.5789473684%{clip:rect(75px,9999px,30px,0)}36.8421052632%{clip:rect(37px,9999px,89px,0)}42.1052631579%{clip:rect(79px,9999px,73px,0)}47.3684210526%{clip:rect(68px,9999px,54px,0)}52.6315789474%{clip:rect(39px,9999px,5px,0)}57.8947368421%{clip:rect(25px,9999px,38px,0)}63.1578947368%{clip:rect(12px,9999px,81px,0)}68.4210526316%{clip:rect(21px,9999px,89px,0)}73.6842105263%{clip:rect(44px,9999px,56px,0)}78.9473684211%{clip:rect(97px,9999px,91px,0)}84.2105263158%{clip:rect(9px,9999px,56px,0)}89.4736842105%{clip:rect(9px,9999px,74px,0)}94.7368421053%{clip:rect(82px,9999px,83px,0)}to{clip:rect(11px,9999px,30px,0)}105.2631578947%{clip:rect(17px,9999px,70px,0)}}