*,:after,:before{margin:0;padding:0;box-sizing:initial}:root{--color-primary:aqua;--color-secondary:#ffe81f;--font-header:Righteous,cursive}html{box-sizing:border-box;font-size:52%;scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}@media only screen and (max-width:63em){html{font-size:49%}}@media only screen and (max-width:56.5em){html{font-size:46%}}body{font-family:Jost,sans-serif;color:#4c4f52;font-weight:400;font-size:1.6rem;letter-spacing:1px;line-height:1.6;scrollbar-width:none}body::-webkit-scrollbar{display:none}@media only screen and (max-width:56.5em){body{overflow-x:hidden;overflow-y:scroll}}::-moz-selection{color:#fff;background:#c818df}::selection{color:#fff;background:#c818df}.heading-1{font-family:Righteous,cursive;letter-spacing:4px;font-weight:600;font-size:10rem}.wrapper{position:relative;z-index:0;width:200vw;height:200vh;background-color:#000;color:#fff}@media only screen and (max-width:56.5em){.wrapper{width:auto;height:auto;padding-bottom:3rem;padding-top:8rem;padding-bottom:0}}.btn{background-color:transparent;color:wheat;font-size:1.8rem;border:none;outline:none;cursor:pointer;text-decoration:none}.btn-primary{background-image:linear-gradient(135deg,transparent,transparent 50%,#fff 0);background-size:565%;padding:1rem 1.5rem;border:1px solid;border-radius:5px;transition:all .8s ease-out;margin-right:.5rem;margin-top:.5rem}@media only screen and (max-width:40em){.btn-primary{padding:1rem;background-size:600%}}@media only screen and (max-width:56.5em){.btn-primary span{display:inline}}.btn-primary:hover{background-position:100%;color:#000}.btn-primary:focus-visible{outline:2px solid wheat;outline-offset:3px}.btn-secondary:after{transition:all .5s ease-out;content:"";display:block;width:90%;height:3px;margin:1rem auto;background-color:currentColor}.btn-secondary:hover{color:#c818df}.btn-secondary:hover:after{width:0;background-image:linear-gradient(90deg,#5918df,#c818df,#5918df)}.logo{color:#ffebcd;position:fixed;top:0;left:0;padding:5rem;z-index:999;font-size:4rem;font-family:Righteous,cursive}@media only screen and (max-width:56.5em){.logo{padding:1.5rem 2rem;margin:0;background-color:#000000e6;border-radius:0;width:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.logo-link{text-decoration:none;color:inherit}.logo-link span{color:#adadad}@keyframes bounce{0%{transform:scaleY(.5)}25%{transform:scaleY(1) translateY(-70px)}98%{transform:scaleY(1) translateY(-5px)}to{transform:scaleY(.5) translateY(0)}}@keyframes moveInRight{0%{opacity:0;transform:translate(10rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInLeft{0%{opacity:0;transform:translate(-10rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInUp{0%{opacity:1;transform:translateY(12rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInDown{0%{opacity:1;transform:translateY(-12rem)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}@keyframes type{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes letter-up{0%{font-size:10rem}40%{font-size:9.5rem;color:#c818df}to{font-size:10rem}}.move-in-right{opacity:0}.move-in-right.add-animation{animation:moveInRight 1s ease-out;opacity:1}.move-in-left{opacity:0}.move-in-left.add-animation{animation:moveInLeft 1s ease-out;opacity:1}.move-in-up{opacity:0}.move-in-up.add-animation{animation:moveInUp 1s ease-out;opacity:1}.move-in-down{opacity:0}.move-in-down.add-animation{animation:moveInDown 1s ease-out;opacity:1}.fade-in{opacity:0}.fade-in.add-animation{transition:opacity 1.5s ease-out;opacity:1}.loader-background{position:fixed;width:100vw;height:100vh;max-width:100%;max-height:100%;justify-content:center;align-items:center;z-index:3500}.loader,.loader-background{display:flex;background-color:#000}.loader{width:100px;height:100px;padding-bottom:.2rem;justify-content:space-evenly;align-items:flex-end;z-index:3000}.loader .dot1{animation:bounce 2s cubic-bezier(.895,.03,.685,.22) 0s infinite}.loader .dot1,.loader .dot2{height:25%;width:25%;background-color:#0ff}.loader .dot2{animation:bounce 2s cubic-bezier(.895,.03,.685,.22) .3s infinite}.loader .dot3{height:25%;width:25%;background-color:#0ff;animation:bounce 2s cubic-bezier(.895,.03,.685,.22) .7s infinite}.navigation-btn{height:7rem;width:7rem;position:fixed;top:3rem;right:2rem;border-radius:50%;z-index:2000;cursor:pointer}@media only screen and (max-width:56.5em){.navigation-btn{top:1.5rem;right:1.5rem}}.navigation-background{z-index:1000;height:0;width:100%;position:fixed;top:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.75),transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s}.navigation-nav{height:0;min-width:50%;position:fixed;top:7.5%;left:50%;transform:translate(-50%);z-index:1500;opacity:0;transform-origin:right;transition:all .5s;pointer-events:none;cursor:not-allowed}@media only screen and (max-width:40em){.navigation-nav{top:30%}}.navigation-list{list-style:none;display:flex;justify-content:space-between}@media only screen and (max-width:40em){.navigation-list{flex-direction:column;align-items:center;gap:3rem}}.navigation-link:link,.navigation-link:visited{text-decoration:none;transition:all .5s;font-size:2rem;color:#ffebcd;font-weight:bolder;text-transform:uppercase}.navigation-link:link span,.navigation-link:visited span{color:#0ff}@media only screen and (max-width:40em){.navigation-link:link,.navigation-link:visited{font-size:2.5rem}}.navigation-link:active,.navigation-link:hover{color:#ffe81f;transform:translateY(-.7rem) scale(1.15)}.navigation--open .navigation-background{height:15%}@media only screen and (max-width:40em){.navigation--open .navigation-background{height:100%}}.navigation--open .navigation-nav{opacity:1;height:50vh;pointer-events:unset;cursor:auto}.navigation-icon{position:relative;margin-top:3.4rem}.navigation-icon,.navigation-icon:after,.navigation-icon:before{height:2px;background-color:#ffebcd;display:inline-block;width:4.5rem}.navigation-icon:after,.navigation-icon:before{content:"";position:absolute;right:0;transition:all .3s;transform:translate(.5rem)}.navigation-icon:after{top:1.3rem}.navigation-icon:before{top:-1.3rem}.navigation-btn:hover .navigation-icon{background-color:#ffe81f}.navigation-btn:hover .navigation-icon:after,.navigation-btn:hover .navigation-icon:before{transform:translate(0);background-color:#ffe81f}.navigation--open .navigation-icon{background-color:transparent}.navigation--open .navigation-icon:before{transform:rotate(45deg);top:0;background-color:#fff}.navigation--open .navigation-icon:after{transform:rotate(-45deg);top:0;background-color:#fff}.header{position:absolute;top:0;left:0;width:50%;height:50%;display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width:56.5em){.header{position:relative;width:auto;min-height:100vh;padding-bottom:0;padding-top:28vh;justify-content:flex-start}}.header-text{display:flex;flex-direction:column;justify-content:center;margin-left:15%}.header-text h1{line-height:130%;font-size:9rem}@media only screen and (max-width:40em){.header-text{margin-left:7%}}@media only screen and (max-width:30em){.header-text h1{font-size:6rem;line-height:150%;padding-bottom:10px}}.header-letter-1{transition:all .1s}.header-letter-1:hover{color:#0ff;line-height:0}@media only screen and (max-width:30em){.header-letter-1:hover{font-size:6.5rem}}.header-letter-2{transition:all .1s}.header-letter-2:hover{color:#0ff;line-height:0}@media only screen and (max-width:30em){.header-letter-2:hover{font-size:6.5rem}}.header-letter-3{transition:all .1s}.header-letter-3:hover{color:#ffe81f;line-height:0}.header-letter-4{transition:all .1s}.header-letter-4:hover{color:#0ff;line-height:0}.header-links{margin-top:3rem;align-self:start;margin-left:15%}@media only screen and (max-width:40em){.header-links{margin-left:7%}}@media only screen and (max-width:30em){.header-links span{display:none}}#output{color:#ffe81f;font-size:3rem}@media only screen and (max-width:40em){#output{font-size:2rem}}.works{position:absolute;bottom:0;left:0;width:50%;height:50%;display:flex;justify-content:space-between}@media only screen and (max-width:56.5em){.works{position:relative;width:auto;min-height:-moz-fit-content;min-height:fit-content;padding-top:10rem;padding-bottom:10rem}}@media only screen and (max-width:40em){.works{padding-top:5rem}}.works-links{writing-mode:vertical-lr;padding-top:8rem;margin:auto 4rem;height:-moz-max-content;height:max-content}@media only screen and (max-width:56.5em){.works-links{display:none}}.resume{position:absolute;top:0;right:0;width:50%;height:50%;display:flex;justify-content:center;align-items:center}@media only screen and (max-width:56.5em){.resume{position:relative;width:auto;min-height:auto;padding-top:10rem;padding-bottom:5rem}}@media only screen and (max-width:40em){.resume{padding-top:0}}.code-links{writing-mode:vertical-lr;margin-right:3rem;padding-top:8rem;height:-moz-max-content;height:max-content}@media only screen and (max-width:56.5em){.code-links{display:none}}.code-title{display:block;writing-mode:vertical-lr;position:absolute;left:2rem;top:50%;transform:translateY(-50%)}@media only screen and (max-width:56.5em){.code-title{writing-mode:horizontal-tb;position:relative;left:auto;top:auto;transform:none}}.code-wrapper{flex:1;padding:3rem 2rem 3rem 7rem;margin-top:1%}@media only screen and (max-width:40em){.code-wrapper{padding-right:2rem}}@media only screen and (max-width:30em){.code-wrapper{width:100%;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;white-space:nowrap;margin-right:3rem;padding:0;margin-top:-18rem}}.code-line{padding-left:4%;margin-left:2%;font-family:Roboto Mono,monospace;font-size:1.5rem}.code-line-0{font-size:2.5rem}@media only screen and (max-width:40em){.code-line{margin-left:1%}}.code-line:hover{background-color:#292929a2}.code-animation{line-height:0;font-size:2.2rem;font-weight:bolder;animation:type 1s infinite}.code-dot{color:#5f5e5e}.code-grey{color:#979797}.code-red{color:red}.code-orange{color:orange}.code-blue{color:#8a2be2}.code-yellow{color:#ff0}.code-green{color:green}.code-greenyellow{color:#9acd32}.contact{position:absolute;bottom:0;right:0;width:50%;height:50%;display:flex;align-items:center}@media only screen and (max-width:56.5em){.contact{position:relative;width:auto;height:-moz-fit-content;height:fit-content;margin-top:0}}@media only screen and (max-width:40em){.contact{padding:0 0 35rem!important;margin-top:20rem}}.contact-wrapper{flex:auto;display:grid;grid-template-columns:auto auto auto auto;gap:3rem}@media only screen and (max-width:56.5em){.contact-wrapper{padding-bottom:15rem}}@media only screen and (max-width:30em){.contact-wrapper{padding-bottom:5rem;display:flex;flex-direction:column;justify-content:center}.contact-wrapper br{display:none}}.contact-heading{grid-column:4/5;font-size:13rem;line-height:100%;font-family:Righteous,cursive}.contact-heading-1,.contact-heading-2{color:#ffe81f}@media only screen and (max-width:40em){.contact-heading{margin-left:-8%;font-size:15rem}}@media only screen and (max-width:30em){.contact-heading{margin-left:0;font-size:7rem;padding-bottom:1rem;padding-left:2rem;word-break:break-word}}.contact-form{grid-column:2/-1;grid-row:2/3}@media only screen and (max-width:30em){.contact-form{margin-left:3rem;margin-right:5rem}}.contact-label{line-height:150%;font-size:2.5rem}.contact-input{color:inherit;font-size:2.2rem;background-color:transparent;width:45%;padding:.5rem;border:none;border-bottom:2px solid #009198}@media only screen and (max-width:30em){.contact-input{display:block;width:100%;margin-bottom:2.5rem}}.contact-input:focus:invalid{border-bottom:2px solid #ff4500}.contact-input:focus{outline:none;box-shadow:0 1rem 2rem #fdfcfc33;border-bottom:2px solid #c818df}.contact-submit{min-width:10%}@media only screen and (max-width:30em){.contact-submit{display:block;margin:2rem auto 0;padding:1rem 2rem}}.contact-links{writing-mode:vertical-lr;margin-right:4rem;padding-top:8rem;height:-moz-max-content;height:max-content}@media only screen and (max-width:56.5em){.contact-links{display:none}}#message{border:2px solid #009198!important;font-size:2.5rem;width:60%}#message:focus:invalid{box-shadow:0 1rem 2rem #fdfcfc33;border-color:#ff4500!important}#message:focus{box-shadow:0 1rem 2rem #fdfcfc33;border-color:#c818df!important}@media only screen and (max-width:30em){#message{font-size:2rem;width:100%}}.preloader{width:20px;height:20px;border:8px solid #a8a4a4;border-top-color:#ffe81f;border-radius:50%;margin:1rem auto .5rem 5%;animation-name:spin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;display:none}@media only screen and (max-width:56.5em){.preloader{margin-left:50%}}.social{position:fixed;bottom:4rem;left:4rem;z-index:999}@media only screen and (max-width:56.5em){.social{bottom:2rem;left:2rem}}.social-btn{height:7rem;width:7rem;position:fixed;bottom:4rem;left:4rem;border-radius:50%;z-index:1000;cursor:pointer}@media only screen and (max-width:56.5em){.social-btn{bottom:2rem;left:2rem}}.social-link-linkedin{position:fixed;bottom:4rem;left:6.5rem;z-index:999;transition:all .7s ease-out}@media only screen and (max-width:56.5em){.social-link-linkedin{left:4rem;bottom:2rem}}.social-link-github{position:fixed;bottom:4rem;left:6.5rem;z-index:999;transition:all .7s ease-out .1s}@media only screen and (max-width:56.5em){.social-link-github{left:4rem;bottom:2rem}}.social-img{background-color:#000;cursor:pointer}.social-search{position:fixed;bottom:4rem;left:4.7rem;z-index:999;height:5rem;width:5rem;transition:all .9s ease-in;animation:pulse 1.5s ease-in-out infinite;border-radius:10px 20px 0 0}@media only screen and (max-width:56.5em){.social-search{bottom:2rem;left:2.5rem}}.social-linkedin{transition:all .7s ease-out}.social-github,.social-linkedin{height:1rem;width:1rem;border-radius:50%}.social-github{transition:all .7s ease-out .1s}.social--expanded .social-link-linkedin{transform:translateY(-10rem) rotate(2turn) scale(5);filter:brightness(1.5)}.social--expanded .social-search{animation:unset;filter:brightness(2);transform:rotate(4turn)}.social--expanded .social-link-github{transform:translateY(-17rem) rotate(3turn) scale(5);filter:brightness(1.5)}@media print{.language-switcher,.logo,.navigation,.page-loader,.social{display:none!important}body,html{background:#fff!important}}.loader-visible[data-v-e67d1580]{opacity:1;transition:opacity .6s ease}.loader-hidden[data-v-e67d1580]{opacity:0;pointer-events:none;transition:opacity .6s ease}.navigation-btn[data-v-257caa19]{background:transparent;border:none;padding:0;cursor:pointer}.social-btn[data-v-c8f39f8a]{background:none;border:none;padding:0;cursor:pointer}.social-link-github[data-v-c8f39f8a],.social-link-linkedin[data-v-c8f39f8a]{opacity:0;pointer-events:none}.social--expanded .social-link-github[data-v-c8f39f8a],.social--expanded .social-link-linkedin[data-v-c8f39f8a]{opacity:1;pointer-events:auto}.lang-switcher[data-v-484fb2d4]{position:fixed;bottom:3rem;right:3rem;z-index:999;background:#000c;border:1px solid hsla(0,0%,100%,.3);color:#fff;font-size:1.4rem;font-weight:600;padding:.8rem 1.2rem;border-radius:4px;cursor:pointer;letter-spacing:1px;transition:border-color .3s}.lang-switcher[data-v-484fb2d4]:hover{border-color:#0ff;color:#0ff}.skip-link[data-v-6987ba4c]{position:absolute;top:-100%;left:1rem;z-index:9999;padding:.5rem 1rem;background:#000000b3;color:#fff;border:1px solid hsla(0,0%,100%,.3);border-radius:4px;font-size:.85rem;text-decoration:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.skip-link[data-v-6987ba4c]:focus{top:1rem}.star-background[data-v-ba8a8e98]{position:absolute;inset:0;width:100%;height:100%;z-index:-1}@media only screen and (max-width:56.5em){.star-background[data-v-ba8a8e98]{position:fixed}}.error-page[data-v-f361b4cb]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000;position:relative}.error-content[data-v-f361b4cb]{text-align:center;z-index:1}.error-code[data-v-f361b4cb]{font-size:12rem;color:#ffffff1a;line-height:1;margin-bottom:-2rem}.error-code[data-v-f361b4cb],.error-title[data-v-f361b4cb]{font-family:var(--font-header)}.error-title[data-v-f361b4cb]{font-size:4rem;color:#fff}.error-title .highlight[data-v-f361b4cb]{color:var(--color-secondary)}.error-message[data-v-f361b4cb]{color:#fff9;font-size:1.6rem;margin:1.5rem 0 3rem}.error-btn[data-v-f361b4cb]{background:transparent;border:1px solid var(--color-secondary);color:var(--color-secondary);padding:1rem 2.5rem;border-radius:5px;font-size:1.6rem;cursor:pointer;transition:all .3s}.error-btn[data-v-f361b4cb]:hover{background:var(--color-secondary);color:#000}