@import"https://fonts.googleapis.com/css2?family=Babylonica&display=swap";body{font-family:JetBrains Mono,monospace;font-weight:300}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{width:100vw;overflow-x:hidden}body{margin:0;background-color:#080808;color:#f4f4f4;-ms-overflow-style:none;scrollbar-width:none;overflow-x:hidden}body::-webkit-scrollbar{display:none}p,h1,h2,h3,h4{cursor:default}@keyframes loading-spinner-fade{0%{opacity:1;z-index:1000}85%{opacity:1;z-index:1000}to{opacity:0;z-index:-1}}@keyframes loading-spinner-dot-1{0%{opacity:0}9%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes loading-spinner-dot-2{0%{opacity:0}29%{opacity:0}30%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes loading-spinner-dot-3{0%{opacity:0}49%{opacity:0}50%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes swiper-scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes animate-stars{0%{transform:rotate(315deg) translate(0);opacity:0}30%{opacity:1}70%{transform:rotate(315deg) translate(-200px);opacity:0}to{transform:rotate(315deg) translate(-200px);opacity:0}}@keyframes animate-stars-desktop{0%{transform:rotate(315deg) translate(0);opacity:0}30%{opacity:1}70%{transform:rotate(315deg) translate(-400px);opacity:0}to{transform:rotate(315deg) translate(-400px);opacity:0}}@keyframes planet-bounce{0%{transform:translateY(10px) rotate(-45deg)}50%{transform:translateY(-10px) rotate(-45deg)}to{transform:translateY(10px) rotate(-45deg)}}@keyframes activate-preview{0%{opacity:0}to{opacity:1}}@keyframes deactivate-preview{0%{opacity:1}to{opacity:0}}.loading-spinner{width:100vw;height:100vh;background-color:#080808;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:-1;opacity:0;animation:loading-spinner-fade 2.5s linear;font-size:2rem}.loading-spinner .dot-1{opacity:0;animation:loading-spinner-dot-1 1s linear infinite}.loading-spinner .dot-2{opacity:0;animation:loading-spinner-dot-2 1s linear infinite}.loading-spinner .dot-3{opacity:0;animation:loading-spinner-dot-3 1s linear infinite}.button-primary{background-color:transparent;color:#f4f4f4;padding:10px 30px;border-radius:50px;border:2px solid #f4f4f4;cursor:pointer;font-size:1.1rem;transition:all .5s;font-family:JetBrains Mono,monospace;font-weight:300}.button-primary:hover{background-color:#f4f4f4;color:#000}.featured-card{width:85vw;margin:40px auto;border-radius:10px;border:2px solid #f4f4f4;overflow:hidden;text-align:left;padding-bottom:79px;position:relative;background-color:transparent;transition:all .5s}@media only screen and (min-width: 768px){.featured-card{width:100%;height:100%;margin:auto}}.featured-card:hover{box-shadow:0 10px 20px #6e45e24d;border-color:#6e45e2}.featured-card:hover>.featured-card__modal,.featured-card:active>.featured-card__modal{visibility:visible;opacity:1}.featured-card__modal{visibility:hidden;opacity:0;background-color:#2b2b2bf2;width:100%;height:100%;position:absolute;top:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .5s}.featured-card__modal .button-primary{margin-bottom:20px}.featured-card__image{width:100%;height:200px;object-fit:cover;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.featured-card__title{font-size:1.7rem;margin:10px auto 0;max-width:90%}.featured-card__origin{max-width:90%;margin:0 auto}.featured-card__description{max-width:90%;margin:20px auto}.featured-card__tech-container{width:100%;display:flex;justify-content:center;margin-bottom:20px;position:absolute;bottom:0}.featured-card__tech{height:40px;margin:7px}.featured-card__button{display:none}@media only screen and (min-width: 920px){.featured-card__button{display:block}}.featured-card__preview{display:none;background-color:#3c3c3cc6;position:fixed;inset:0;justify-content:center;align-items:center}.featured-card__preview.previewActive{display:flex;animation:activate-preview .3s ease-out forwards}.featured-card__preview.previewClosing{display:flex;animation:deactivate-preview .3s ease-out forwards}.featured-card__preview .featured-card__preview-container{width:100%;height:95%;background-color:#080808;border-radius:10px;border:2px solid #6e45e2;box-shadow:0 10px 20px #6e45e24d;display:flex;flex-direction:column}@media only screen and (min-width: 768px){.featured-card__preview .featured-card__preview-container{width:90%}}.featured-card__preview .featured-card__preview-container .button__close-preview{width:50px;height:50px;background-color:transparent;border:none;margin-left:auto;font-size:2rem;color:#6e45e2;transform:rotate(45deg);cursor:pointer}.featured-card__preview .featured-card__preview-container iframe{background-color:#f4f4f4;width:100%;flex-grow:1;border:none;border-top:2px solid #6e45e2}.featured-card__external-link{text-decoration:none}.contact__button-container{display:flex;flex-direction:column;align-items:center}@media only screen and (min-width: 768px){.contact__button-container{flex-direction:row;justify-content:center}}.contact__button-container a.contact__button{width:80%;color:#fff;background-color:transparent;border-radius:30px;border:2px solid white;padding:15px;margin:15px auto;font-size:1.1rem;font-family:JetBrains Mono,monospace;font-weight:300;text-align:center;text-decoration:none;cursor:pointer;transition:all .5s}.contact__button-container a.contact__button:hover{color:#000;background-color:#fff}@media only screen and (min-width: 768px){.contact__button-container a.contact__button{width:300px;margin:0 10px}}#stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle var(--duration) infinite ease-in-out}@keyframes twinkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.8);opacity:.3}}.hero{background-image:linear-gradient(transparent,#080808 98%),url(/assets/hero-bg-mobile-D1UUFg7w.webp);background-position:center;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:30px 0 45px;position:relative;overflow-x:hidden}.hero header{z-index:3;width:100%}.hero header .hero__title-container{display:flex;align-items:center;justify-content:center;padding:10px;text-align:center;font-size:2.6rem;font-weight:300;font-family:Babylonica,"cursive"}.hero header .hero__title-container p{margin:0}.hero header .hero__title-container .hero__title{font-size:3rem;font-weight:300;margin:0}.hero header .contact__button-container{margin-top:1rem}.hero .hero__text{width:300px;text-align:center;font-size:1.3rem;transform:translateY(-55px)}.hero .hero__tech-icon-container{overflow:hidden;width:100%;z-index:3}.hero .hero__tech-icon-container .tech-ticker{display:flex;overflow:hidden;width:100%;position:relative}.hero .hero__tech-icon-container .tech-ticker .tech-track{display:flex;width:max-content;animation:swiper-scroll-left 25s linear infinite}.hero .hero__tech-icon-container .tech-ticker .tech-slide{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:max-content;padding:0 15px}.hero .hero__tech-icon-container .tech-ticker .tech-slide img{width:50px;height:50px;object-fit:contain}.hero .hero__tech-icon-container .tech-ticker .tech-slide p{text-align:center;margin-top:.5rem;font-size:.875rem}.hero .hero__stars-container{position:absolute;top:0;left:0;width:100vw;height:90vh}.hero .hero__stars-container .hero__star{position:absolute;top:60%;left:40%;width:4px;height:4px;background-color:#fff;border-radius:50%;box-shadow:0 0 0 4px #ffffff1a,0 0 0 6px #ffffff1a,0 0 15px #fff;animation:animate-stars 5s linear infinite;opacity:0}.hero .hero__stars-container .hero__star:before{content:"";position:absolute;top:50%;width:150px;height:1px;background:linear-gradient(90deg,white,transparent)}.hero .hero__stars-container .hero__star:nth-child(1){top:0;right:150px;left:initial;animation-delay:1s;animation-duration:5s;width:5px;height:5px}.hero .hero__stars-container .hero__star:nth-child(2){top:300px;right:160px;left:initial;animation-delay:2.5s;animation-duration:6s;width:4px;height:4px}.hero .hero__stars-container .hero__star:nth-child(3){top:200px;right:160px;left:initial;animation-delay:3s;animation-duration:7s;width:3px;height:3px}.hero .hero__stars-container .hero__star:nth-child(4){top:450px;left:200px;animation-delay:4s;animation-duration:7s;width:3px;height:3px}@media only screen and (min-width: 768px){.hero{background-image:linear-gradient(transparent,#080808 98%),url(/assets/hero-bg-BTqI2LKC.webp)}.hero .hero__title{align-self:flex-start;margin-left:40px}.hero .hero__text{width:500px;transform:translateY(-45px)}.hero .hero__tech-icon-container{width:70%}.hero .hero__star:nth-child(1){top:0;left:150px}.hero .hero__star:nth-child(2){top:300px;right:500px}.hero .hero__star:nth-child(3){right:200px}.hero .hero__star:nth-child(4){top:550px;left:250px}.hero .hero__star:before{width:150px}}@media only screen and (min-width: 920px){.hero header{display:flex;justify-content:space-between;padding:0 5%}.hero header .hero__title-container .hero__title{font-size:3.2rem}.hero header .contact__button-container{margin-top:0}.hero .hero__text{width:600px;font-size:1.5rem;z-index:2;background-color:#080808;padding:40px 20px;border-radius:20px;text-shadow:0 0 .3em currentColor;position:relative;transform-style:preserve-3d;transform:perspective(5000px) rotateY(var(--rotateY)) rotateX(var(--rotateX))}.hero .hero__text:before{content:"";position:absolute;border-radius:inherit;inset:.75rem;background-color:#000;transform:translateZ(-49px);filter:blur(15px);opacity:.5}.hero .hero__text:after{content:"";position:absolute;border-radius:inherit;inset:-1rem;background:linear-gradient(-45deg,#039696,#9c079c);transform:translateZ(-50px)}.hero .hero__tech-icon-container{width:35%}.hero .hero__star{animation:animate-stars-desktop 5s linear infinite}.hero .hero__star:nth-child(1){left:300px}.hero .hero__star:nth-child(2){top:500px;right:400px}.hero .hero__star:nth-child(3){top:200px;right:500px}.hero .hero__star:nth-child(4){top:550px;right:50%}.hero .hero__star:before{width:300px}}@media only screen and (min-width: 1460px){.hero{padding:30px 0 70px}}.profile{width:100%;padding:100px 0 90px;display:flex;flex-direction:column;align-items:center}.profile .profile__image{width:80%;margin-bottom:50px;border-radius:10px}.profile .profile__text{width:80%;padding-left:1rem;color:#f4f4f4}.profile .profile__text p{margin:unset}.profile .profile__text p span{color:gold;background:none}.profile .profile__text p span.decorative-p{display:block;transform:translate(-1rem)}.profile .profile__text p a{color:#f4f4f4;text-decoration:none;cursor:pointer}.profile .profile__logo-container{display:flex;justify-content:center;align-items:center}.profile .profile__logo-container .profile__logo{width:40px;margin:0 20px;cursor:pointer;transition:all .3s}.profile .profile__logo-container .profile__logo:hover{transform:scale(1.25)}@media only screen and (min-width: 768px){.profile .profile__image{width:300px}.profile .profile__text{width:500px}}@media only screen and (min-width: 920px){.profile{width:1000px;margin:auto;display:grid;grid-template:1fr 1fr/1.5fr 2fr}.profile .profile__image{grid-row:1/3;margin:0 auto auto}.profile .profile__text{margin-left:40px}.profile .profile__text p{margin:0}}.featured-projects{text-align:center;padding-bottom:70px}.featured-projects .featured-projects__title{margin-bottom:0}.featured-projects .featured-projects__text{margin:0 0 50px}@media only screen and (min-width: 768px){.featured-projects{padding-bottom:100px}.featured-projects .featured-projects__card-container{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:max-content;margin:auto;width:85%;gap:30px}}@media only screen and (min-width: 920px){.featured-projects .featured-projects__title{font-size:2rem}.featured-projects .featured-projects__card-container{max-width:1200px;grid-template-columns:repeat(3,1fr);gap:60px}}.about-me{width:100%;text-align:center;padding-bottom:50px}.about-me .about-me__title{width:auto;margin:0 auto;font-weight:400}.about-me .about-me__container .about-me__image-container{background-image:linear-gradient(#0a0a0a80,#0a0a0ae0 98%),url(/assets/binary-background-D_1ECY49.webp);background-position:center;background-repeat:no-repeat;background-size:cover;width:80%;margin:auto;border-radius:40%}.about-me .about-me__container .about-me__image-container .about-me__planet-image{width:100%;margin:auto;animation:planet-bounce 5s ease-in-out infinite}.about-me .about-me__container .about-me__text{width:80%;margin:40px auto;text-align:left}@media only screen and (min-width: 768px){.about-me .about-me__title{margin:0 auto 30px}.about-me .about-me__container{display:flex;flex-direction:row-reverse;width:90%;margin:auto}.about-me .about-me__container .about-me__image-container{width:45%}.about-me .about-me__container .about-me__text{width:45%;margin:0 auto auto}}@media only screen and (min-width: 920px){.about-me{padding-top:50px}.about-me .about-me__title{font-size:3rem}.about-me .about-me__container{max-width:1400px}.about-me .about-me__container .about-me__image-container{margin-top:0}.about-me .about-me__container .about-me__text{margin:0 auto 100px;width:30%;align-self:flex-end;font-size:1.3rem}}.contact{width:100%;text-align:center;padding-bottom:50px}.contact .contact__title{width:auto;margin:auto;text-align:center;font-size:1.7rem}.contact .contact__image{width:80%;margin:auto}@media only screen and (min-width: 768px){.contact{padding-top:50px}.contact .contact__image{width:400px}}@media only screen and (min-width: 920px){.contact .contact__title{font-size:2.7rem}.contact .contact__image{width:550px}}
