body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,body{margin:0}*{--font:"Poiret One",cursive;--hoverCursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath fill='%23EEE' d='M222.7 32.15c5 16.93-4.6 34.75-21.6 39.79C121.8 95.55 64 169.1 64 255.1c0 106.9 85.1 192 192 192 106 0 192-85.1 192-192 0-86-57.8-159.55-137.1-183.16-17-5.04-26.6-22.86-21.6-39.79 5.1-16.94 22.9-26.588 39.8-21.55C434.9 42.07 512 139.1 512 255.1c0 142.3-114.6 256-256 256S0 397.4 0 255.1c0-116 77.15-213.03 182.9-244.5 16.9-5.038 34.7 4.61 39.8 21.55z'/%3E%3C/svg%3E"),pointer;box-sizing:border-box;cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath fill='%23BBB' d='M222.7 32.15c5 16.93-4.6 34.75-21.6 39.79C121.8 95.55 64 169.1 64 255.1c0 106.9 85.1 192 192 192 106 0 192-85.1 192-192 0-86-57.8-159.55-137.1-183.16-17-5.04-26.6-22.86-21.6-39.79 5.1-16.94 22.9-26.588 39.8-21.55C434.9 42.07 512 139.1 512 255.1c0 142.3-114.6 256-256 256S0 397.4 0 255.1c0-116 77.15-213.03 182.9-244.5 16.9-5.038 34.7 4.61 39.8 21.55z'/%3E%3C/svg%3E"),default;padding:0}body,html{background-color:#000;scroll-behavior:smooth}body{font-family:var(--font);overflow-x:hidden;transition:.3s}#root{background-color:#000;min-height:100vh}::-webkit-scrollbar{display:none}a{color:#fff;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #fff;outline-offset:4px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.route-loading,.webgl-fallback{align-items:center;color:#ffffffd9;display:flex;justify-content:center;min-height:100vh;text-transform:uppercase}.Navbar{align-items:center;background-color:hsla(0,0%,50%,.667);border-bottom:1px solid hsla(0,0%,98%,.314);box-sizing:initial;color:#fff;display:flex;flex-direction:row;font-size:22px;height:30px;justify-content:space-between;min-width:100vw!important;padding:5px;position:fixed;top:0;z-index:150}.navbar-links{display:flex;max-width:80%}.navbar-link{border:1.5px solid #fff;box-shadow:1vmin 1vmin 0 hsla(0,0%,50%,.829);box-sizing:initial;cursor:var(--hoverCursor);height:3vmin;line-height:15px;margin:0 20px;outline:2px solid hsla(0,0%,50%,.667);padding:4px 2px;position:relative;text-transform:uppercase;top:15px;transition:.15s ease-in-out;width:14vmin}.active-page,.navbar-link:hover{background-color:rgba(0,0,0,.514);box-shadow:1vmin 2vmin 0 hsla(0,0%,50%,.829);top:10px}.navbar-icons{fill:#c6c5c5;display:flex;justify-content:space-around;margin-right:30px;position:relative;top:15px;transition:.4s;width:100px;z-index:1010}.social-link{display:inline-flex;line-height:0}.git-icon{box-shadow:.7vmin .7vmin 0 hsla(0,0%,50%,.829);position:relative;top:0;transition:.4s;width:30px}.git-icon:hover{fill:#000;box-shadow:.7vmin 1.4vmin 0 hsla(0,0%,50%,.829);cursor:var(--hoverCursor);top:-10px}.linkedin-icon{box-shadow:.7vmin .7vmin 0 hsla(0,0%,50%,.829);position:relative;top:0;transition:.4s;width:30px}.linkedin-icon:hover{fill:#000;box-shadow:.7vmin 1.4vmin 0 hsla(0,0%,50%,.829);cursor:var(--hoverCursor);top:-10px}.Landing{height:100vh;position:relative;width:100vw}.landing-btn{color:#000;text-transform:uppercase;z-index:1000}.btn{align-items:center;border:.5vw solid hsla(0,0%,88%,.818);border-radius:50%;bottom:calc(50% - 5.5vw);box-shadow:0 0 3vw hsla(0,0%,50%,.667);box-sizing:initial;cursor:var(--hoverCursor);display:flex;height:11vw;justify-content:center;outline:.3vw solid #5a5a5a;position:absolute;right:calc(50% - 5.5vw);width:11vw}.activated{box-shadow:0 -20px 20px 20px #000,0 -35px 40px 15px gray;transition:1s}.main-btn{color:#000;transition:.4s}.main-btn:hover{color:#fff}.circle{align-items:center;background-color:hsla(0,4%,90%,.647);border-radius:50%;box-shadow:0 0 1vw hsla(0,4%,90%,.773),inset 0 0 4vw hsla(0,20%,98%,.804);display:flex;height:8vw;justify-content:center;justify-items:center;position:absolute;width:8vw;z-index:1}.circle:hover{background-color:#e6e4e4bf;box-shadow:0 0 1vw hsla(0,4%,90%,.773),inset 0 0 1vw #323232;cursor:var(--hoverCursor)}.circle:active,.clicked{background-color:#000}.circle:before{animation:warp .4s;animation-fill-mode:none;animation-iteration-count:2;animation-play-state:paused;border:3px solid #0000;border-radius:50%;content:"";display:flex;height:100%;position:absolute;width:100%}.circle:hover:before{animation-play-state:running}.centered{left:calc(50% - 4.5vw);top:calc(50% - 4.4vw);transform:scale(1.2);transition:1s}.slogan{bottom:calc(50% - 10vw);color:hsla(0,0%,88%,.818);text-align:center;text-shadow:5px 6px 5px #000;text-transform:uppercase;width:20vw;z-index:100}.slogan,.slogan:before{position:absolute;right:calc(50% - 10vw)}.slogan:before{background-color:hsla(0,0%,88%,.618);content:"";filter:blur(2.5vw);height:100%;top:2vw;transform:perspective(2.5vw) rotateX(40deg) translateZ(-1vw) scaleY(.8);width:100%}.Tech{height:100vh;position:relative;width:100vw}.Tech,.invoke{align-items:center;display:flex;justify-content:center}.invoke{background-color:#000;color:hsla(0,0%,88%,.818);height:100%;opacity:1;position:absolute;text-align:center;text-shadow:5px 6px 5px #000;text-transform:uppercase;transition:1.5s;width:100%;z-index:100}.intro-overlay{animation:intro-fade 1.5s ease .5s forwards;pointer-events:none}.invoke-text{font-size:2.5vw;position:relative}.invoke-text:before{background-color:hsla(0,0%,88%,.618);content:"";filter:blur(2.5vw);height:100%;position:absolute;right:-50%;top:3vw;transform:perspective(2.5vw) rotateX(40deg) translateZ(-1vw) scaleY(.8);width:200%}.Canvas{border:2px solid #fff;height:100%;left:50%;margin:0;overflow:hidden;position:relative;top:50%;width:100%}Canvas{top:20%}.Contact,Canvas{position:absolute}.Contact{align-items:center;box-sizing:initial;display:flex;height:calc(100% - 100px);justify-content:center;overflow:hidden;padding-top:100px;width:100%}.contact-form form{position:relative}.contact-form input{background-color:#000;border-color:hsla(0,0%,100%,.527);box-shadow:-3px -3px 10px #000;box-sizing:initial;color:hsla(0,0%,82%,.742);font-family:inherit;font-size:2.5vmin;font-weight:bolder;padding:5px;text-align:center;transition:.5s}.contact-form input::placeholder{color:rgba(0,0,0,.911);color:hsla(0,0%,100%,.527);text-align:center}.contact-form textarea::placeholder{color:hsla(0,0%,100%,.527);opacity:1;text-align:center}.contact-form input:first-of-type:focus,.contact-form input:nth-of-type(2):focus,.contact-form input:nth-of-type(3):focus{box-shadow:0 0 100px 20px #000;height:6vw;right:-250px;top:6vw;width:48vw}.contact-form input:nth-of-type(3):focus{z-index:11}.contact-form input:first-of-type{height:2.2vw;position:absolute;right:10vw;top:-5vw;width:22vw;z-index:10}.contact-form input:nth-of-type(2){height:2.2vw;position:absolute;right:-4vw;top:-2.7vw;width:22vw;z-index:8}.contact-form input:nth-of-type(3){height:2.2vw;position:absolute;right:15vw;top:-.2vw;width:22vw;z-index:6}.contact-form textarea{background-color:#000;box-shadow:-3px -3px 10px #000;box-sizing:initial;color:hsla(0,0%,82%,.742);font-family:inherit;font-size:30px;font-weight:bolder;height:19vw;left:-13.5vw;padding:30px 10px 10px;position:relative;text-indent:10px;top:2.3vw;transition:.4s;width:37vw;z-index:4}.contact-form textarea:focus{height:21vw;top:6vw;width:37vw}.contact-submit{background-color:#000;border:1px solid hsla(0,0%,100%,.527);box-sizing:initial;color:hsla(0,0%,82%,.742);font-family:inherit;font-size:2.5vmin;font-weight:bolder;height:3vw;left:-18vw;padding-top:1px;position:relative;top:3.5vw;transition:.5s;width:8.5vw;z-index:10}.contact-submit:hover:not(:disabled){background-color:#bbb;color:rgba(0,0,0,.819);cursor:var(--hoverCursor)}.contact-submit:disabled{cursor:wait;opacity:.65}.form-error{color:#ffb4b4;margin-top:5vw;position:absolute;text-align:center;width:100%}.linkedin{background-image:url(/static/media/linkedin-brands.f2f7d420f8ec14109e65.svg);background-position-x:10px;background-repeat:no-repeat;left:calc(40% + 20vw);margin:0 10px;top:calc(48% + 10vw)}.github,.linkedin{border:4px solid #000;box-sizing:initial;filter:invert(30%);height:5vw;outline:1px solid #fff;padding-right:6vw;position:absolute;transition:.3s;width:6vw}.github{background-image:url(/static/media/git-square-brands.0ae0533ee779bb3188a0.svg);background-position-x:93%;background-repeat:no-repeat;left:calc(50% + 18vw);margin:0;top:calc(38% + 20vw)}.github:hover{filter:invert(80%)}.github:after{background-color:#fff;bottom:-10px;opacity:0;position:absolute;transition:.4s ease-in}.github:after,.github:hover:after{content:"";height:10px;width:100px}.github:hover:after{background-color:#c5c5c5;opacity:1;transform:translateX(-130%)}.linkedin:hover{filter:invert(80%)}.linkedin:after{background-color:#fff;content:"";height:10px;opacity:0;position:absolute;top:-10px;transition:.4s ease-in;width:100px}.linkedin:hover:after{background-color:#c5c5c5;content:"";height:10px;opacity:1;transform:translateX(250%);width:100px}.message-sent{color:hsla(0,0%,100%,.822);font-size:20px}.footer{border-top:1px solid hsla(0,0%,98%,.314);bottom:6px;color:hsla(0,0%,100%,.465);font-size:10px;font-weight:lighter;left:0;padding-top:3px;position:fixed;text-align:start;text-indent:10px;width:100vw;z-index:150}.name{background:linear-gradient(90deg,#000,60%,#0000);border:1px solid #fff;border-right:none;bottom:50px;color:#fff;font-size:25px;height:30px;position:absolute;right:60px;text-align:left;transition:right 1.5s ease-out,color 1s ease-out .7s;white-space:nowrap;width:100px}.name-start{color:#fff0;right:-150px}.name-mid{border-color:#fff0;color:#fff0;margin-right:-320px;text-indent:150px;transition:text-indent 1s .3s,color 1s,width .6s .4s,margin 1s ease-out .8s,border-color .7s .5s;width:0}.job,.name-mid span{color:#fff}.job{background:linear-gradient(270deg,#000,60%,#0000);border:1px solid #fff;border-left:none;bottom:50px;font-size:25px;height:30px;left:150px;position:absolute;right:auto;text-indent:-108px;transition:left 1.5s ease-out,color 1s ease-out .7s;white-space:nowrap;width:100px}.job-start{color:#fff0;left:-250px;margin-left:0}.job-mid{border-color:#fff0;color:#fff0;margin-left:-320px;text-indent:-150px;transition:text-indent 1s .3s,color 1s,width .6s .4s,margin 1s ease-out .8s,border-color .7s .5s;width:0}.job-mid span{color:#fff}.logo{bottom:0;opacity:0;position:absolute;right:6px;transition:.7s ease-out .7s;width:40px}.shown{opacity:1}@keyframes warp{0%{border:7px solid #ffffff1a}50%{border:5px solid #ffffff4d;height:30%;width:30%}to{border:2px solid #fff;height:2%;width:2%}}@keyframes intro-fade{to{opacity:0;visibility:hidden}}.lifted{display:none}@media screen and (max-width:800px){.Navbar{box-sizing:border-box;justify-content:space-between;min-width:100%}.navbar-links{margin-left:5px}.navbar-link{font-size:3vw;margin:0 4px;top:15px;width:18vw}.navbar-icons{display:flex;flex-direction:row;justify-content:space-around;margin-right:0;width:80px}.git-icon,.linkedin-icon{height:35px;pointer-events:none;width:35px}}@media screen and (max-width:420px){.Navbar{box-sizing:border-box;justify-content:center;max-width:100%}.navbar-links{margin-left:5px;min-width:100%}.navbar-link{font-size:3.5vw;margin:0 4px;min-width:55px;top:10px;width:20%}.navbar-icons{display:flex;flex-direction:row;justify-content:space-around;margin-right:0;position:absolute;right:20px;top:55px;width:50px}.git-icon,.linkedin-icon{height:20px;pointer-events:none;width:20px}.name{border:1px solid #fff;border-right:none;bottom:50px;color:#fff;font-size:20px;height:25px;position:absolute;right:45px;text-align:left;transition:right 1.5s ease-out,color 1s ease-out .7s;white-space:nowrap;width:80px}.name-start{color:#fff0;right:-150px}.name-mid{border-color:#fff0;color:#fff0;margin-right:-320px;text-indent:150px;transition:text-indent 1s .3s,color 1s,width .6s .4s,margin 1s ease-out .8s,border-color .7s .5s;width:0}.job,.name-mid span{color:#fff}.job{border:1px solid #fff;border-left:none;bottom:50px;font-size:20px;height:25px;left:110px;position:absolute;right:auto;text-indent:-86px;transition:left 1.5s ease-out,color 1s ease-out .7s;white-space:nowrap;width:80px}.job-start{color:#fff0;left:-250px;margin-left:0}.job-mid{border-color:#fff0;color:#fff0;margin-left:-320px;text-indent:-150px;transition:text-indent 1s .3s,color 1s,width .6s .4s,margin 1s ease-out .8s,border-color .7s .5s;width:0}}@media screen and (max-width:1020px) and (min-width:777px){.contact-form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:-20%;width:90%}.contact-form form{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 3fr 1fr;position:static!important}.contact-form input{font-size:20px;height:30px!important;justify-self:center;margin:25px auto;position:static!important;width:200px!important}.contact-form input:first-of-type{grid-column:1/2;grid-row:1/2}.contact-form input:nth-of-type(2){grid-column:2/3;grid-row:1/2}.contact-form input:nth-of-type(3){grid-column:3/-1;grid-row:1/2}.contact-submit{font-size:20px;grid-column:2/3;grid-row:3/4;height:40px;justify-self:center;margin:25px auto;position:static;width:200px}.contact-form textarea{display:block;grid-column:1/-1;grid-row:2/3;height:25vh;min-width:80vw;position:static}.contact-form textarea:focus{height:inherit}.contact-socials{display:none}.invoke-text{font-size:4.5vw;position:relative}.invoke-text:before{background-color:hsla(0,0%,88%,.618);content:"";filter:blur(2.5vw);height:100%;position:absolute;right:-50%;top:6vw;transform:perspective(2.5vw) rotateX(40deg) translateZ(-1vw) scaleY(.8);width:200%}}@media screen and (max-width:776px){.contact-form{align-items:center;display:flex;flex-direction:column;margin-top:-10%;width:90%}.contact-form input{display:block;font-size:20px;height:30px!important;justify-self:center;margin:25px auto;position:static!important;width:200px!important}.contact-form textarea{display:block;height:25vh;min-width:80vw;position:static}.contact-submit{display:block;font-size:20px;height:40px;margin:25px auto;position:static;width:200px}.contact-socials{display:none}.invoke-text{font-size:4.5vw;position:relative}.invoke-text:before{background-color:hsla(0,0%,88%,.618);content:"";filter:blur(2.5vw);height:100%;position:absolute;right:-50%;top:6vw;transform:perspective(2.5vw) rotateX(40deg) translateZ(-1vw) scaleY(.8);width:200%}}@media screen and (max-width:1400px){.slogan{bottom:calc(50% - 20vw);color:hsla(0,0%,88%,.818);font-size:3vw;text-align:center;text-shadow:5px 6px 5px #000;text-transform:uppercase;width:30vw;z-index:100}.slogan,.slogan:before{position:absolute;right:calc(50% - 15vw)}.slogan:before{background-color:hsla(0,0%,88%,.618);content:"";filter:blur(2.5vw);height:100%;top:4vw;transform:perspective(2.5vw) rotateX(40deg) translateZ(-1vw) scaleY(.8);width:100%}.landing-btn{color:#000;text-transform:uppercase;z-index:1000}.btn{align-items:center;border:.5vw solid hsla(0,0%,88%,.818);border-radius:50%;bottom:calc(50% - 12.5vw);box-shadow:0 0 3vw hsla(0,0%,50%,.667);cursor:var(--hoverCursor);display:flex;height:25vw;justify-content:center;outline:.3vw solid #5a5a5a;position:absolute;right:calc(50% - 12.5vw);width:25vw}.activated{box-shadow:0 -20px 20px 20px #000,0 -35px 40px 15px gray;transition:1s}.main-btn{color:#000;font-size:3vw;transition:.4s}.main-btn:hover{color:#fff}.circle{align-items:center;background-color:hsla(0,4%,90%,.647);border-radius:50%;box-shadow:0 0 1vw hsla(0,4%,90%,.773),inset 0 0 4vw hsla(0,20%,98%,.804);display:flex;height:18vw;justify-content:center;justify-items:center;position:absolute;width:18vw;z-index:1}.circle:hover{background-color:#e6e4e4bf;box-shadow:0 0 1vw hsla(0,4%,90%,.773),inset 0 0 1vw #323232;cursor:var(--hoverCursor)}.circle:active,.clicked{background-color:#000}.circle:before{animation:warp .4s;animation-fill-mode:none;animation-iteration-count:2;animation-play-state:paused;border:3px solid #0000;border-radius:50%;content:"";display:flex;height:100%;position:absolute;width:100%}.circle:hover:before{animation-play-state:running}.centered{left:calc(50% - 9.5vw);top:calc(50% - 9.5vw);transform:scale(1.2);transition:1s}}.Error{border:1px solid #fff;box-shadow:5vw 3vw 0 #353535;color:#fff;cursor:var(--hoverCursor);left:30%;padding:5%;position:relative;text-align:center;top:40vh;transition:.5s;width:30%}.Error:after{border:1px solid gray;content:"";height:100%;pointer-events:none;position:absolute;right:5%;top:5%;transition:.5s;width:100%}.Error:hover{box-shadow:0 0 0 #353535;text-shadow:0 0 15px #fff}.Error:hover:after{right:0;top:0}.Error p{margin:1rem 0}.error-home{border:1px solid #fff;display:inline-block;padding:.5rem 1rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-delay:0ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.2b9f0aef.css.map*/