@import url(https://fonts.googleapis.com/css2?family=Arbutus+Slab&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#000;text-shadow:3.443339761481782px 0 1px rgba(0,30,255,.5),-3.443339761481782px 0 1px rgba(255,0,80,.3),0 0 3px}.App{display:flex;font-family:Menlo;margin:0 auto;min-height:1000px;min-width:none;text-align:center}@-webkit-keyframes flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}@keyframes flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}@-webkit-keyframes textShadow{0%{text-shadow:.4389924193300864px 0 1px rgba(0,30,255,.5),-.4389924193300864px 0 1px rgba(255,0,80,.3),0 0 3px}5%{text-shadow:2.7928974010788217px 0 1px rgba(0,30,255,.5),-2.7928974010788217px 0 1px rgba(255,0,80,.3),0 0 3px}10%{text-shadow:.02956275843481219px 0 1px rgba(0,30,255,.5),-.02956275843481219px 0 1px rgba(255,0,80,.3),0 0 3px}15%{text-shadow:.40218538552878136px 0 1px rgba(0,30,255,.5),-.40218538552878136px 0 1px rgba(255,0,80,.3),0 0 3px}20%{text-shadow:3.4794037899852017px 0 1px rgba(0,30,255,.5),-3.4794037899852017px 0 1px rgba(255,0,80,.3),0 0 3px}25%{text-shadow:1.6125630401149584px 0 1px rgba(0,30,255,.5),-1.6125630401149584px 0 1px rgba(255,0,80,.3),0 0 3px}30%{text-shadow:.7015590085143956px 0 1px rgba(0,30,255,.5),-.7015590085143956px 0 1px rgba(255,0,80,.3),0 0 3px}35%{text-shadow:3.896914047650351px 0 1px rgba(0,30,255,.5),-3.896914047650351px 0 1px rgba(255,0,80,.3),0 0 3px}40%{text-shadow:3.870905614848819px 0 1px rgba(0,30,255,.5),-3.870905614848819px 0 1px rgba(255,0,80,.3),0 0 3px}45%{text-shadow:2.231056963361899px 0 1px rgba(0,30,255,.5),-2.231056963361899px 0 1px rgba(255,0,80,.3),0 0 3px}50%{text-shadow:.08084290417898504px 0 1px rgba(0,30,255,.5),-.08084290417898504px 0 1px rgba(255,0,80,.3),0 0 3px}55%{text-shadow:2.3758461067427543px 0 1px rgba(0,30,255,.5),-2.3758461067427543px 0 1px rgba(255,0,80,.3),0 0 3px}60%{text-shadow:2.202193051050636px 0 1px rgba(0,30,255,.5),-2.202193051050636px 0 1px rgba(255,0,80,.3),0 0 3px}65%{text-shadow:2.8638780614874975px 0 1px rgba(0,30,255,.5),-2.8638780614874975px 0 1px rgba(255,0,80,.3),0 0 3px}70%{text-shadow:.48874025155497314px 0 1px rgba(0,30,255,.5),-.48874025155497314px 0 1px rgba(255,0,80,.3),0 0 3px}75%{text-shadow:1.8948491305757957px 0 1px rgba(0,30,255,.5),-1.8948491305757957px 0 1px rgba(255,0,80,.3),0 0 3px}80%{text-shadow:.0833037308038857px 0 1px rgba(0,30,255,.5),-.0833037308038857px 0 1px rgba(255,0,80,.3),0 0 3px}85%{text-shadow:.09769827255241735px 0 1px rgba(0,30,255,.5),-.09769827255241735px 0 1px rgba(255,0,80,.3),0 0 3px}90%{text-shadow:3.443339761481782px 0 1px rgba(0,30,255,.5),-3.443339761481782px 0 1px rgba(255,0,80,.3),0 0 3px}95%{text-shadow:2.1841838852799786px 0 1px rgba(0,30,255,.5),-2.1841838852799786px 0 1px rgba(255,0,80,.3),0 0 3px}to{text-shadow:2.6208764473832513px 0 1px rgba(0,30,255,.5),-2.6208764473832513px 0 1px rgba(255,0,80,.3),0 0 3px}}@keyframes textShadow{0%{text-shadow:.4389924193300864px 0 1px rgba(0,30,255,.5),-.4389924193300864px 0 1px rgba(255,0,80,.3),0 0 3px}5%{text-shadow:2.7928974010788217px 0 1px rgba(0,30,255,.5),-2.7928974010788217px 0 1px rgba(255,0,80,.3),0 0 3px}10%{text-shadow:.02956275843481219px 0 1px rgba(0,30,255,.5),-.02956275843481219px 0 1px rgba(255,0,80,.3),0 0 3px}15%{text-shadow:.40218538552878136px 0 1px rgba(0,30,255,.5),-.40218538552878136px 0 1px rgba(255,0,80,.3),0 0 3px}20%{text-shadow:3.4794037899852017px 0 1px rgba(0,30,255,.5),-3.4794037899852017px 0 1px rgba(255,0,80,.3),0 0 3px}25%{text-shadow:1.6125630401149584px 0 1px rgba(0,30,255,.5),-1.6125630401149584px 0 1px rgba(255,0,80,.3),0 0 3px}30%{text-shadow:.7015590085143956px 0 1px rgba(0,30,255,.5),-.7015590085143956px 0 1px rgba(255,0,80,.3),0 0 3px}35%{text-shadow:3.896914047650351px 0 1px rgba(0,30,255,.5),-3.896914047650351px 0 1px rgba(255,0,80,.3),0 0 3px}40%{text-shadow:3.870905614848819px 0 1px rgba(0,30,255,.5),-3.870905614848819px 0 1px rgba(255,0,80,.3),0 0 3px}45%{text-shadow:2.231056963361899px 0 1px rgba(0,30,255,.5),-2.231056963361899px 0 1px rgba(255,0,80,.3),0 0 3px}50%{text-shadow:.08084290417898504px 0 1px rgba(0,30,255,.5),-.08084290417898504px 0 1px rgba(255,0,80,.3),0 0 3px}55%{text-shadow:2.3758461067427543px 0 1px rgba(0,30,255,.5),-2.3758461067427543px 0 1px rgba(255,0,80,.3),0 0 3px}60%{text-shadow:2.202193051050636px 0 1px rgba(0,30,255,.5),-2.202193051050636px 0 1px rgba(255,0,80,.3),0 0 3px}65%{text-shadow:2.8638780614874975px 0 1px rgba(0,30,255,.5),-2.8638780614874975px 0 1px rgba(255,0,80,.3),0 0 3px}70%{text-shadow:.48874025155497314px 0 1px rgba(0,30,255,.5),-.48874025155497314px 0 1px rgba(255,0,80,.3),0 0 3px}75%{text-shadow:1.8948491305757957px 0 1px rgba(0,30,255,.5),-1.8948491305757957px 0 1px rgba(255,0,80,.3),0 0 3px}80%{text-shadow:.0833037308038857px 0 1px rgba(0,30,255,.5),-.0833037308038857px 0 1px rgba(255,0,80,.3),0 0 3px}85%{text-shadow:.09769827255241735px 0 1px rgba(0,30,255,.5),-.09769827255241735px 0 1px rgba(255,0,80,.3),0 0 3px}90%{text-shadow:3.443339761481782px 0 1px rgba(0,30,255,.5),-3.443339761481782px 0 1px rgba(255,0,80,.3),0 0 3px}95%{text-shadow:2.1841838852799786px 0 1px rgba(0,30,255,.5),-2.1841838852799786px 0 1px rgba(255,0,80,.3),0 0 3px}to{text-shadow:2.6208764473832513px 0 1px rgba(0,30,255,.5),-2.6208764473832513px 0 1px rgba(255,0,80,.3),0 0 3px}}.crt:after{-webkit-animation:flicker .3s infinite;animation:flicker .3s infinite;background:hsla(0,6%,7%,.1);opacity:0}.crt:after,.crt:before{bottom:0;content:" ";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.crt:before{background:linear-gradient(hsla(0,6%,7%,0) 50%,rgba(0,0,0,.25) 0),linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.02),rgba(255,0,200,.06));background-size:100% 2px,3px 100%}.crt{bottom:0;height:100%;left:0;pointer-events:none;position:fixed;right:0;text-shadow:3.443339761481782px 0 1px rgba(0,30,255,.5),-3.443339761481782px 0 1px rgba(255,0,80,.3),0 0 3px;top:0;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.TopNav{border-bottom:2px solid #0f0;color:#0f0;display:flex;font-family:Menlo;height:100px;margin:auto;z-index:3}.NavItem{-webkit-text-decoration-line:none;text-decoration-line:none}.NavItem,.bigSelNavItem{color:#0f0;display:block;font-size:20px;padding-left:15px;padding-right:15px;text-align:center;transition:.15s ease-in-out}.NavItem:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.Tabs{display:flex;flex-direction:row;float:left;place-items:center;width:200px}.Home{color:#fff;font-family:Menlo,Roboto Mono;letter-spacing:1px;min-height:1000px}.Home,.project{color:#0f0;margin:auto}.project{border-bottom:10px solid #0f0;border-radius:0;border-top:10px dotted #0f0;padding:2vw;text-align:center;width:60vw}.spookyline{-webkit-animation:movespooky;animation:movespooky;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;height:50px}.spookyline,.spookyline2{background-color:#000;border-radius:20px;width:20px}.spookyline2{-webkit-animation:movespooky2;animation:movespooky2;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;height:20px}@-webkit-keyframes movespooky2{0%{background-color:#4d6dff;height:70px;-webkit-transform:translateY(-70vw);transform:translateY(-70vw)}to{background-color:pink;height:20px;-webkit-transform:translateY(70vw);transform:translateY(70vw)}}@keyframes movespooky2{0%{background-color:#4d6dff;height:70px;-webkit-transform:translateY(-70vw);transform:translateY(-70vw)}to{background-color:pink;height:20px;-webkit-transform:translateY(70vw);transform:translateY(70vw)}}@-webkit-keyframes movespooky{0%{background-color:#4d6dff;height:20px;-webkit-transform:translateY(70vw);transform:translateY(70vw)}to{background-color:pink;height:70px;-webkit-transform:translateY(-70vw);transform:translateY(-70vw)}}@keyframes movespooky{0%{background-color:#4d6dff;height:20px;-webkit-transform:translateY(70vw);transform:translateY(70vw)}to{background-color:pink;height:70px;-webkit-transform:translateY(-70vw);transform:translateY(-70vw)}}.texttop{width:100%}h2{color:#0f0;font-size:30px;padding-left:20px;width:90%}.topbox{display:block;position:relative}.subTitle{color:#0f0;padding:10px}@-webkit-keyframes cool{0%{color:#4d6dff;left:-40px}to{color:#d920f1;left:40px}}@keyframes cool{0%{color:#4d6dff;left:-40px}to{color:#d920f1;left:40px}}.boxlist{align-items:center;display:flex}.spinBox{margin:auto;position:relative}.box{-webkit-animation:spin;animation:spin;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#fff;border:6px solid blue;border-radius:20%;height:100px;left:calc(50% - 53px);margin:auto;position:absolute;top:calc(50% - 53px);-webkit-transform:scale(1);transform:scale(1);transition-duration:.5s;transition-property:all;width:100px}.bigBox:hover .box{background-color:red;border-radius:50%;-webkit-transform:scale(2);transform:scale(2)}.bigBox{height:120px;margin:auto;place-items:center;position:relative;text-align:center;width:120px}.bigBox .textBox{color:#000;font-size:15px;height:70px;left:calc(50% - 35px);margin:auto;position:absolute;top:calc(50% - 35px);width:70px}.bigBox .textBox span{display:inline-block;text-align:center}.bigBox .textBox span,.box2{margin:auto;position:relative}.box2{-webkit-animation-direction:alternate,normal;animation-direction:alternate,normal;-webkit-animation-duration:4s,4s;animation-duration:4s,4s;-webkit-animation-iteration-count:infinite,infinite;animation-iteration-count:infinite,infinite;-webkit-animation-name:bouncy,updown;animation-name:bouncy,updown;-webkit-animation-timing-function:cubic-bezier(),linear;animation-timing-function:cubic-bezier(),linear;background-color:#fff;height:200px;width:200px}.spinBx{-webkit-animation:spin;animation:spin;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-color:initial;border:2px solid #0f0;border-radius:2px;height:50px;margin:auto;width:50px}.inputbox{border:0;color:#0f0;font-family:Menlo;width:100%}.inputbox:focus{border:none;outline:none}footer{background-color:#000;border-top-left-radius:20px;border-top-right-radius:20px;height:70px;margin:auto;width:100%}.socialBox{display:flex;flex-direction:row;height:100%;margin:auto;place-items:center;width:400px}.img{font-size:20px}.img,.linkSocial{color:#000;margin:auto;position:relative}.linkSocial{border-radius:50%;display:flex;height:40px;text-decoration:none;transition-duration:.25s;transition-property:all;width:40px}.linkSocial:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.MusicPage{color:#fff;min-height:1000px;position:relative}.subtitle{font-size:30px;font-style:italic;font-weight:bolder;margin:auto;padding:15px;position:relative}.backgroundText{font-size:100;height:100%;opacity:50%;position:absolute;width:100%;z-index:-1}.AppsDiv{color:#fff;margin:auto;min-height:1000px;text-align:center}.card{border-radius:40px;box-shadow:10px 12px #3a3a3a49;height:40vw;margin:auto;padding:20px;position:relative;-webkit-transform:scale(1);transform:scale(1);transition-duration:.15s;width:40vw}.card:hover{box-shadow:20px 12px #2b2b2b;-webkit-transform:scale(1.1);transform:scale(1.1)}.borderDiv{margin:auto;width:80%}.content{display:flex;flex-direction:column;margin:auto;position:relative;text-align:center}.subtitle{float:left}.words{font-size:30px}.eightBall{-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:ballShake;animation-name:ballShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:blue;border-radius:50%;color:red;font-size:10vw;margin:auto;padding:5vw 8vw}.ticX{rotate:45deg;width:15vw}.ticLX,.ticX{height:15vw;margin:auto}.ticLX{rotate:90deg;-webkit-transform-origin:center;transform-origin:center}.ticLX,.ticRX{background-color:blue;border-radius:10%;left:9vw;position:absolute;width:2vw}.ticRX{height:15vw;margin:auto}.ticO{border:10px solid red;height:10vw;width:10vw}.ball,.ticO{border-radius:50%;margin:auto}.ball{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:red}.ball,.ball2{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:ballbounce;animation-name:ballbounce;height:12vw;width:12vw}.ball2{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:blue;border-radius:50%;margin:auto}@-webkit-keyframes ballbounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(10vw);transform:translateY(10vw)}}@keyframes ballbounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(10vw);transform:translateY(10vw)}}@-webkit-keyframes shakeTicTac{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(1vw);transform:translateY(1vw)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{-webkit-transform:translateY(-1vw);transform:translateY(-1vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shakeTicTac{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(1vw);transform:translateY(1vw)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{-webkit-transform:translateY(-1vw);transform:translateY(-1vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes ballShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(2vw);transform:translateX(2vw)}to{-webkit-transform:translateX(-2vw);transform:translateX(-2vw)}}@keyframes ballShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(2vw);transform:translateX(2vw)}to{-webkit-transform:translateX(-2vw);transform:translateX(-2vw)}}.ballBox,.ticBox{display:flex;flex-direction:row;margin:auto;padding-top:5vw;place-items:center;position:relative}.ticBox{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shakeTicTac;animation-name:shakeTicTac;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.spinList{background-color:#ff0}.spinList,.spinList2{display:flex;flex-direction:row;height:200px;margin:auto;position:relative;width:400px}.spinBox{-webkit-animation:spin;animation:spin;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:red;border:5px solid blue;border-radius:20%;height:100px;left:50px;position:absolute;top:50px;width:100px}.cardTitle{color:#000;font-size:80px;font-weight:700;margin:auto;position:relative;text-align:center}.spinBox3{border:4vw solid blue;border-radius:20%;height:19vw;margin:3vw auto auto;width:19vw}.spinBox2,.spinBox3{-webkit-animation:spin;animation:spin;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-color:red}.spinBox2{border:5px solid blue;border-radius:20%;height:100px;left:50px;position:absolute;top:50px;width:100px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.SpinDrawPage{color:#fff;margin:auto;min-height:1000px;position:relative;text-align:center}
/*# sourceMappingURL=main.95e4033c.css.map*/