body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;position:fixed;overflow-y:scroll;-webkit-overflow-scrolling:touch}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#000;overflow:hidden;width:100%}.App{text-align:center;position:relative}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;opacity:1;overflow:hidden;position:relative;z-index:0;bottom:0}.App-link{color:#61dafb}.header-hidden{height:0;opacity:0}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{margin:0}canvas{width:100%;position:relative;border:50px solid #000;-webkit-transition:-webkit-filter 1s ease;transition:-webkit-filter 1s ease;transition:filter 1s ease;transition:filter 1s ease,-webkit-filter 1s ease;top:0}*{box-sizing:border-box}.textbox-popup{pointer-events:none;position:absolute;top:70%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-family:arial;font-size:calc(10px + .3vw);text-align:center;border:2px solid hsla(0,0%,100%,.7);padding:15px;background:rgba(5,5,5,.6);-webkit-transition:all 1s ease;transition:all 1s ease;touch-action:none;opacity:0}.clicked{opacity:1;pointer-events:none!important;touch-action:none;top:50%}.pickableCanvas{position:relative;height:100%;line-height:0;z-index:1}.pickableCanvas:before{top:50px;bottom:50px;left:50px;right:50px}.pickableCanvas:after,.pickableCanvas:before{content:" ";border:.5px solid #666;position:absolute;z-index:1}.pickableCanvas:after{top:1px;bottom:1px;left:1px;right:1px}.pickableCanvas .cross-hair{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:#fff;z-index:1;border:2px solid #000;opacity:.7}.App-header .right-arrow{width:50px;height:50px;position:absolute;bottom:75px;right:10%;color:#bbb;opacity:.5;z-index:2}.App-header .right-arrow svg{width:50px;height:50px}.App-header .left-arrow{width:50px;height:50px;position:absolute;bottom:75px;left:10%;color:#bbb;opacity:.5;z-index:2}.App-header .left-arrow svg{width:50px;height:50px}.page-container .github-icon{pointer-events:auto;width:50px;height:50px;position:fixed;top:75px;left:75px;color:#bbb!important;opacity:.5;z-index:2}.github-icon svg{width:50px;height:50px}.page-container .linked-icon{pointer-events:auto;width:50px;height:50px;position:fixed;top:75px;right:75px;color:#bbb!important;opacity:.5;z-index:2}.linked-icon svg{width:50px;height:50px}.github-icon a,.github-icon a:visited,.linked-icon a,.linked-icon a:visited{color:#bbb}.github-icon,.linked-icon{-webkit-transition:all .3s ease;transition:all .3s ease}.github-icon:hover,.linked-icon:hover{color:#bbb;opacity:1}.page-container,.page-container div{width:100%;max-width:100%}.page-container .control-toggle-container{width:230px;padding:10px;position:fixed;z-index:2;bottom:100px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);opacity:.2;font-size:12px;border:1px solid #eee;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.page-container .control-toggle-container:hover{opacity:.5}.page-container .control-toggle-container svg{width:40px;height:40px}@media screen and (max-width:800px){.page-container .github-icon{top:60px;left:15px}.page-container .linked-icon{top:60px;right:15px}canvas{border-color:#000;border-style:solid;border-width:50px 5px}.pickableCanvas:before{border:.5px solid #666;left:5px;right:5px}.pickableCanvas:after{border:.5px solid #666}}@media screen and (max-height:500px){canvas{border:5px solid #000}.pickableCanvas:before{border:.5px solid #666;top:5px;bottom:5px;left:5px;right:5px}}.about-page-container{max-width:80%;width:1280px;-webkit-transition:all 1s ease;transition:all 1s ease;overflow-y:scroll;position:absolute;top:45px;bottom:45px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);background-color:rgba(36,36,36,.9);-ms-overflow-style:none;scrollbar-width:none;border-radius:5px 5px 5px 5px;box-shadow:0 0 45px 2px #000;opacity:0}.about-page-container::-webkit-scrollbar{display:none}.about-header{position:relative;width:100%;height:320px;margin-bottom:-50px;-webkit-transition:all 1s ease;transition:all 1s ease}.about-header-image{width:100%;height:100%;object-fit:cover;margin-top:-25px;object-position:center center}.about-header:after{content:" ";width:100%;height:320px;position:absolute;top:0;left:0;margin-top:-25px;z-index:1;border-bottom:5px solid #666}.show .about-header,.show .what-i-do-header,.show .what-i-do-header-2,.show .what-i-do-text{opacity:1}@media screen and (max-width:768px){.about-page-container{max-width:100%}.about-content .what-i-do-header,.about-content .what-i-do-header-2,.about-content .what-i-do-text{max-width:100%;width:1080px}.about-content .what-i-do-header{font-size:30px}.about-content .what-i-do-header-2{font-size:20px}.about-header,.about-header:after{height:170px}.what-i-do{width:100%;padding:10px 25px 35px}}@media screen and (max-height:500px){.about-page-container{max-width:100%}}.portfolio-page-container{max-width:80%;width:1280px;-webkit-transition:all 1s ease;transition:all 1s ease;overflow-y:scroll;position:absolute;top:45px;bottom:45px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);background-color:rgba(36,36,36,.9);-ms-overflow-style:none;scrollbar-width:none;border-radius:5px 5px 5px 5px;box-shadow:0 0 45px 2px #000;opacity:0}.portfolio-page-container::-webkit-scrollbar{display:none}.portfolio-header{position:relative;width:100%;height:320px;margin-bottom:-50px;-webkit-transition:all 1s ease;transition:all 1s ease}.portfolio-header-image{width:100%;height:100%;object-fit:cover;margin-top:-25px;object-position:center 55%}.portfolio-header:after{content:" ";width:100%;height:320px;position:absolute;top:0;left:0;margin-top:-25px;z-index:1;border-bottom:5px solid #666}.show .portfolio-grid-body,.show .portfolio-header,.show .what-i-do-header,.show .what-i-do-header-2,.show .what-i-do-text{opacity:1}.portfolio-grid-body{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:1%;-webkit-column-gap:1%;-moz-column-gap:1%;column-gap:1%;grid-row-gap:1%;row-gap:1%;max-width:90%;width:1080px;margin:50px auto 0;opacity:0;-webkit-transition:all 1s ease;transition:all 1s ease}.portfolio-grid-item{height:200px;width:100%;border:1px solid #666;overflow:hidden;position:relative}.portfolio-grid-item:hover .portfolio-image{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-filter:brightness(.3);filter:brightness(.3)}.portfolio-grid-item:hover .portfolio-item-details{opacity:1;pointer-events:auto}.portfolio-image{object-fit:cover;object-position:center center;width:100%;height:100%;-webkit-transition:all .7s ease;transition:all .7s ease;-webkit-transform:translateZ(0);transform:translateZ(0)}.portfolio-item-details{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:all 1s ease;transition:all 1s ease;pointer-events:none}.portfolio-item-details a{text-shadow:0 0 5px #000}.code-icon{width:30px;height:30px;position:absolute;bottom:10px;left:10px;color:#bbb;opacity:.5}.code-icon,.code-icon:hover{-webkit-transition:all 1s ease;transition:all 1s ease}.code-icon:hover{opacity:1}.code-icon svg{pointer-events:none}.item-link{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;text-decoration:none;text-shadow:0 0 2px #000;color:#fff;font-size:25px;font-weight:700;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}@media screen and (max-width:950px){.item-link{font-size:18px}}@media screen and (max-width:768px){.portfolio-page-container{max-width:100%}.portfolio-grid-body{display:grid;grid-template-columns:1fr}.portfolio-content .what-i-do-header,.portfolio-content .what-i-do-header-2,.portfolio-content .what-i-do-text{max-width:100%;width:1080px}.portfolio-content .what-i-do-header{font-size:30px}.portfolio-content .what-i-do-header-2{font-size:20px}.portfolio-header,.portfolio-header:after{height:170px}.what-i-do{width:100%;padding:10px 25px 35px}.portfolio-grid-body{max-width:100%}}@media screen and (max-height:500px){.portfolio-page-container{max-width:100%}}.contact-page-container{max-width:80%;width:1280px;-webkit-transition:all 1s ease;transition:all 1s ease;overflow-y:scroll;position:absolute;top:45px;bottom:45px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);background-color:rgba(36,36,36,.9);-ms-overflow-style:none;scrollbar-width:none;border-radius:5px 5px 5px 5px;box-shadow:0 0 45px 2px #000;opacity:0}.contact-page-container::-webkit-scrollbar{display:none}.show{max-width:80%;width:1280px;top:75px;bottom:75px;opacity:1}.contact-header,.show{-webkit-transition:all 1s ease;transition:all 1s ease}.contact-header{position:relative;width:100%;height:320px;margin-bottom:-50px}.contact-header-image{width:100%;height:100%;object-fit:cover;margin-top:-25px;object-position:0 30%}.contact-header:after{content:" ";width:100%;height:320px;position:absolute;top:0;left:0;margin-top:-25px;z-index:1;border-bottom:5px solid #666}.close-me{position:-webkit-sticky;position:sticky;top:10px;margin-left:auto;margin-right:12px;color:#f30;width:25px;height:25px;z-index:2;cursor:pointer;opacity:.7;-webkit-transition:all .3s ease;transition:all .3s ease}.close-me:hover{opacity:1}.what-i-do{width:100%;padding:45px 50px 75px}.what-i-do-header{font-size:60px;padding-top:75px;margin:0 auto 20px}.what-i-do-header,.what-i-do-header-2{max-width:90%;width:1080px;text-align:left;color:#bbb;font-weight:400;-webkit-transition:all 1s ease!important;transition:all 1s ease!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.what-i-do-header-2{padding-top:25px;margin:5px auto}.what-i-do-text{max-width:90%;width:1080px;text-align:left;color:#bbb;margin:0 auto;-webkit-transition:all 1s ease!important;transition:all 1s ease!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.show .contact-form,.show .contact-header,.show .what-i-do-header,.show .what-i-do-header-2,.show .what-i-do-text{opacity:1}textarea{-webkit-transform:translateZ(0);transform:translateZ(0)}.contact-form{max-width:90%;width:1080px;-webkit-transition:all 1s ease;transition:all 1s ease;margin:25px auto 0}.contact-form input,.contact-form textarea,.form-message{width:60%;margin-top:15px;margin-bottom:15px;display:block;min-height:40px;font-size:15px;box-shadow:none;padding-left:15px;padding-right:15px;background-color:rgba(36,36,36,0)!important;border:1px solid #bbb;color:#fff;-webkit-transition:all 1s ease;transition:all 1s ease}.form-message{padding:0;text-align:left;border:0;color:#adff2f;min-height:unset}.contact-form textarea{min-height:160px;padding-top:15px;padding-bottom:15px}.contact-form .submit-input{width:120px}.contact-form .submit-input:hover{width:120px;background-color:#565656!important;cursor:pointer}.break{min-height:0!important;height:0}@media screen and (max-width:768px){.contact-page-container,.show{max-width:100%}.show{height:100%;bottom:0;width:100%;top:0}.contact-header-image{object-position:90% 30%}.contact-form{max-width:100%;width:1080px;-webkit-transition:all 1s ease;transition:all 1s ease;margin:25px auto 0}.contact-form input,.contact-form textarea,.form-message{width:100%}.contact-content .what-i-do-header,.contact-content .what-i-do-header-2,.contact-content .what-i-do-text{max-width:100%;width:1080px}.contact-content .what-i-do-header{font-size:30px}.contact-content .what-i-do-header-2{font-size:20px}.contact-header,.contact-header:after{height:170px}.what-i-do{width:100%;padding:10px 25px 35px}}@media screen and (max-height:500px){.contact-page-container,.show{max-width:100%}.show{height:100%;bottom:0;width:100%}}
/*# sourceMappingURL=main.dea1bd86.chunk.css.map */