@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bb86985b9358e82-s.1_nwqg2oqknh7.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/98a6f59906826739-s.43efwv28dotlz.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/32ad89419f634795-s.1tb5eil6y_dva.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/8224a722d77dedea-s.0zl3jsojfe2ze.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/0461c21301ee96b8-s.p.3dojvicm65v_0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P Fallback";src:local(Arial);ascent-override:44.58%;descent-override:0.0%;line-gap-override:0.0%;size-adjust:224.32%}._9cxusq_className{font-family:"Press Start 2P","Press Start 2P Fallback";font-style:normal;font-weight:400}
@keyframes background-filter{0%,to{box-shadow:-3.1rem -3.8rem 20rem 4rem #48cdbd}50%{box-shadow:-3.1rem -3.8rem 20rem 4rem #328ca3}}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale(1)}}@keyframes arrow{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes overlap-images{50%{z-index:-10}}@keyframes floating-ufo{0%,to{transform:translate(0)}35%{transform:translate(-5px)}70%{transform:translate(10px)}}@keyframes floating-clouds{0%,to{transform:translate(0)}35%{transform:translate(10px,-12px)}70%{transform:translate(5px,10px)}}@keyframes opacity{0%{opacity:1}to{opacity:0}}.intro{color:#fff;background-color:#020202;flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(100vh - 3rem);min-height:37rem;max-height:75rem;padding:2rem 0;display:flex;position:relative}@media only screen and (min-width:992px){.intro{height:100vh}}.intro .image-container{position:relative}.intro .image-container .panino-image{z-index:99;max-width:7rem;height:auto;position:relative}@media only screen and (min-width:370px){.intro .image-container .panino-image{max-width:8rem}}@media only screen and (min-width:768px){.intro .image-container .panino-image{max-width:8.5rem}}@media only screen and (min-width:992px){.intro .image-container .panino-image{max-width:9rem}}.intro .image-container .panino-image.visible{visibility:visible;animation:.7s bounceIn}.intro .image-container .panino-image-bg{opacity:.3;filter:blur(120px);z-index:0;background:linear-gradient(-45deg,#48cdbd,#81bede,#23a6d5,#23d5ab) 0 0/400% 400%;border-radius:50%;width:20rem;height:20rem;animation:25s infinite gradientBG;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro .text-container{color:#fff;z-index:99;text-transform:uppercase;text-align:center;background-color:#020202;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:67rem;margin:3% auto 0;padding:.6rem 1.2rem;line-height:2em;display:flex}.intro .text-container .main-header{min-height:1em;margin-top:2rem;margin-bottom:0}.intro .text-container .nickname{visibility:hidden;font-size:.8rem}@media only screen and (min-width:768px){.intro .text-container .nickname{font-size:1.2rem}}.intro .text-container .nickname.visible{visibility:visible}.intro .text-container .blink-text{visibility:hidden;animation:1s infinite blink}.intro .text-container .blink-text.visible{visibility:visible}.intro .text-container .intro-header{text-align:center;min-height:4em}.intro .text-container .intro-header .striked{white-space:nowrap;position:relative}.intro .text-container .intro-header .striked:after{content:"";border-top:4px solid #fff;position:absolute;top:calc(50% - 4px);left:0;right:0}.intro .scroll-arrow{background-color:#020202;display:none;position:absolute;bottom:5rem}.intro .scroll-arrow.visible{display:block}.intro .scroll-arrow span{opacity:0;box-sizing:border-box;border-bottom:1px solid #fff;border-left:1px solid #fff;width:24px;height:24px;margin-left:-12px;animation:2s infinite arrow;position:absolute;top:0;left:50%;transform:rotate(-45deg)}.intro .scroll-arrow span:first-of-type{animation-delay:0s}.intro .scroll-arrow span:nth-of-type(2){animation-delay:.15s;top:16px}.intro .scroll-arrow span:nth-of-type(3){animation-delay:.3s;top:32px}
.CxLh3a_rounded-button{text-align:center;cursor:pointer;background-color:#0000;border:1px solid #0d0d0d;border-radius:20rem;margin-top:2.5rem;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;display:inline-block}@media only screen and (min-width:768px){.CxLh3a_rounded-button{font-size:1.1rem}}
@media only screen and (min-width:768px){.about-text-container{width:60%}}.about-text-container p{margin-bottom:.6rem;font-size:1.1rem;line-height:1.6em}@media only screen and (min-width:768px){.about-text-container p{font-size:1.4rem;line-height:1.5em}}.about-text-container .projects-btn{text-transform:uppercase;border-width:2px;margin:0;font-weight:700}.about-text-container .cta-container{align-items:center;margin-top:2.5rem;display:flex}.about-text-container .cta-container .github-logo{max-width:2.8rem;height:auto;margin-left:1.25rem}
@keyframes background-filter{0%,to{box-shadow:-3.1rem -3.8rem 20rem 4rem #48cdbd}50%{box-shadow:-3.1rem -3.8rem 20rem 4rem #328ca3}}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale(1)}}@keyframes arrow{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes overlap-images{50%{z-index:-10}}@keyframes floating-ufo{0%,to{transform:translate(0)}35%{transform:translate(-5px)}70%{transform:translate(10px)}}@keyframes floating-clouds{0%,to{transform:translate(0)}35%{transform:translate(10px,-12px)}70%{transform:translate(5px,10px)}}@keyframes opacity{0%{opacity:1}to{opacity:0}}.hearts{opacity:0;max-width:10rem;height:auto;transition:opacity .3s;position:absolute;top:5%;left:2%}@media only screen and (min-width:768px){.hearts{max-width:12rem;top:15%;left:auto;right:20%}}.hearts.bouncing-in{opacity:1;transition:opacity .3s;animation:1s bounceIn}
.rainbow{max-width:24rem;height:auto;position:absolute;bottom:0;right:-2rem}@media only screen and (max-width:767px){.rainbow{max-width:17rem;transform:rotate(-30deg)translate(50px)!important}}
@keyframes background-filter{0%,to{box-shadow:-3.1rem -3.8rem 20rem 4rem #48cdbd}50%{box-shadow:-3.1rem -3.8rem 20rem 4rem #328ca3}}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale(1)}}@keyframes arrow{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes overlap-images{50%{z-index:-10}}@keyframes floating-ufo{0%,to{transform:translate(0)}35%{transform:translate(-5px)}70%{transform:translate(10px)}}@keyframes floating-clouds{0%,to{transform:translate(0)}35%{transform:translate(10px,-12px)}70%{transform:translate(5px,10px)}}@keyframes opacity{0%{opacity:1}to{opacity:0}}.clouds-container{display:flex}@media only screen and (min-width:768px){.clouds-container{justify-content:flex-end;position:sticky;top:30px}}.clouds-container .clouds{max-width:15rem;height:auto;margin-right:10%;animation:9s infinite floating-clouds}@media only screen and (min-width:768px){.clouds-container .clouds{max-width:25rem;margin-top:30px}}
@keyframes background-filter{0%,to{box-shadow:-3.1rem -3.8rem 20rem 4rem #48cdbd}50%{box-shadow:-3.1rem -3.8rem 20rem 4rem #328ca3}}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale(1)}}@keyframes arrow{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes overlap-images{50%{z-index:-10}}@keyframes floating-ufo{0%,to{transform:translate(0)}35%{transform:translate(-5px)}70%{transform:translate(10px)}}@keyframes floating-clouds{0%,to{transform:translate(0)}35%{transform:translate(10px,-12px)}70%{transform:translate(5px,10px)}}@keyframes opacity{0%{opacity:1}to{opacity:0}}.alien-ship{padding-top:50px;display:flex;position:relative}@media only screen and (min-width:768px){.alien-ship{justify-content:flex-end}}.alien-ship .alien-elements{margin-right:18%;position:relative}.alien-ship .alien-elements .alien{max-width:8rem;height:auto}@media only screen and (min-width:768px){.alien-ship .alien-elements .alien{max-width:12rem}}.alien-ship .alien-elements .ellipse-1,.alien-ship .alien-elements .ellipse-2,.alien-ship .alien-elements .ellipse-3{position:absolute}.alien-ship .alien-elements .ellipse-1{animation:2s 1s infinite opacity;display:none;top:13rem;left:7.3rem}@media only screen and (min-width:768px){.alien-ship .alien-elements .ellipse-1{display:block}}.alien-ship .alien-elements .ellipse-2{animation:2s .5s infinite opacity;top:7.5rem;left:4.6rem}@media only screen and (min-width:768px){.alien-ship .alien-elements .ellipse-2{top:10.5rem;left:6.6rem}}.alien-ship .alien-elements .ellipse-3{animation:2s infinite opacity;top:6.5rem;left:4.5rem}@media only screen and (min-width:768px){.alien-ship .alien-elements .ellipse-3{top:9.5rem;left:6.5rem}}
.hill{max-width:35rem;height:auto}
@keyframes background-filter{0%,to{box-shadow:-3.1rem -3.8rem 20rem 4rem #48cdbd}50%{box-shadow:-3.1rem -3.8rem 20rem 4rem #328ca3}}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale(1)}}@keyframes arrow{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes overlap-images{50%{z-index:-10}}@keyframes floating-ufo{0%,to{transform:translate(0)}35%{transform:translate(-5px)}70%{transform:translate(10px)}}@keyframes floating-clouds{0%,to{transform:translate(0)}35%{transform:translate(10px,-12px)}70%{transform:translate(5px,10px)}}@keyframes opacity{0%{opacity:1}to{opacity:0}}.plant-open{width:100%;height:auto;animation:.4s infinite overlap-images;position:absolute;bottom:0}.plant-closed{width:100%;height:auto;animation:.4s .2s infinite overlap-images;position:absolute;bottom:0}
@keyframes background-filter{0%,to{box-shadow:-3.1rem -3.8rem 20rem 4rem #48cdbd}50%{box-shadow:-3.1rem -3.8rem 20rem 4rem #328ca3}}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale(1)}}@keyframes arrow{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes overlap-images{50%{z-index:-10}}@keyframes floating-ufo{0%,to{transform:translate(0)}35%{transform:translate(-5px)}70%{transform:translate(10px)}}@keyframes floating-clouds{0%,to{transform:translate(0)}35%{transform:translate(10px,-12px)}70%{transform:translate(5px,10px)}}@keyframes opacity{0%{opacity:1}to{opacity:0}}.about{background-color:#e8e2d9;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:2rem 0 0;display:flex;position:relative;overflow:clip}@media only screen and (min-width:768px){.about{flex-direction:row;align-items:flex-start;height:250vh;min-height:45rem;max-height:250vh;padding:2rem 0}}.about .about-container{z-index:99;max-width:1050px;margin:0 auto;padding:.6rem 1.2rem}@media only screen and (min-width:768px){.about .about-container{position:sticky;top:50px}}.about .images-container{width:100%;height:100%;margin-top:auto;padding:2rem 0;position:relative}@media only screen and (min-width:768px){.about .images-container{padding:0;position:absolute;top:0;right:0}}.about .images-container .alien-container{margin-left:1rem}@media only screen and (min-width:768px){.about .images-container .alien-container{margin:0;position:sticky;top:0}}.about .images-container .hill-container{align-items:flex-end;display:none;position:absolute;bottom:0;right:5%}@media only screen and (min-width:768px){.about .images-container .hill-container{display:flex}}.about .images-container .carnivorous-plants{width:3.5rem;height:4.75rem;position:absolute;bottom:0;right:10%}
.contact-text-container{flex:0 0 100%;width:100%}@media only screen and (min-width:768px){.contact-text-container{flex:0 0 40%;width:40%}}.contact-text-container p{margin-bottom:.6rem;font-size:1.1rem;line-height:1.6em}.contact-text-container p .pointing-finger{display:inline-block;transform:rotate(90deg)}@media only screen and (min-width:768px){.contact-text-container p .pointing-finger{transform:none}.contact-text-container p{font-size:1.4rem;line-height:1.5em}}
@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{border:10px solid #f3f3f3;border-top-color:#383636;border-radius:50%;width:50px;height:50px;animation:1.5s linear infinite spinner}.spinner-container{justify-content:center;align-items:center;height:350px;display:grid}.container-smaller{justify-content:left;height:50px}.container-smaller .loading-spinner{border:7px solid #f3f3f3;border-top-color:#383636;width:30px;height:30px}
.form-container{width:100%}@media only screen and (min-width:768px){.form-container{width:60%;padding-left:1rem}}.form-container .contact-form .first-row{margin-bottom:1rem;display:flex}.form-container .contact-form .first-row .input-container{width:50%;padding-left:1rem}.form-container .contact-form .first-row .input-container:first-child{padding-left:0}@media only screen and (min-width:768px){.form-container .contact-form .first-row .input-container{width:50%}}.form-container .contact-form .input-container{flex-direction:column;font-size:.8rem;display:flex}.form-container .contact-form label{margin-bottom:.3rem}.form-container .contact-form input,.form-container .contact-form textarea{color:#fff;resize:none;background-color:#333;border:none;border-radius:.3rem;outline:none;min-height:2rem;padding:.6rem;font-family:inherit}.form-container .contact-form .message-info{font-size:.7rem}.form-container .contact-form .form-submit-button{color:#fff;border:1px solid #fff}.form-container .contact-form .input-form-error.input-textarea .error-detail{margin-bottom:0}.form-container .contact-form .input-form-error .error-detail{color:red;margin-bottom:0;font-size:.8rem}.form-container .contact-form-result-container{margin-top:.6rem}.form-container .contact-form-result-container .contact-form-result.success{color:#43958c}.form-container .contact-form-result-container .contact-form-result.success p{font-size:.8rem}.form-container .contact-form-result-container .contact-form-result.failure{color:red}.form-container .contact-form-result-container .contact-form-result.failure p{font-size:.8rem}.shake{animation:.5s shake}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}
.contact{color:#fff;background-color:#020202;width:100%;padding:4rem 1.2rem}.contact .contact-container{color:#fff;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:67rem;margin:0 auto;display:flex}@media only screen and (min-width:768px){.contact .contact-container{flex-direction:row;margin:4rem auto}}.contact p{margin-bottom:.6rem;font-size:1.1rem;line-height:1.2em}@media only screen and (min-width:768px){.contact p{font-size:1.4rem;line-height:1.5em}}.contact p.closing-text{text-align:left;padding-top:1.2rem}@media only screen and (min-width:768px){.contact p.closing-text{text-align:center;padding-top:0}}