@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--pink: #cb108d;--dark-blue: #2e2f58;--baby-blue: #86adec;--baby-blue-v2: #b3ccf4;--white: #efefef;--light-grey: #adabb7;font-size:16px}*{margin:0;box-sizing:border-box;font-family:Roboto Mono;font-size:16px;max-width:1920px}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{position:relative}nav{display:flex;justify-content:center;border-bottom:2.5px solid var(--white);padding:1% 0}.nav__buttons{width:20%;display:flex;align-items:center;gap:2%}.nav__buttons--arrow{width:clamp(20px,2vw,40px);margin-left:2rem}.nav__buttons-size{width:clamp(24px,2.4vw,64px);height:clamp(24px,2.4vw,64px)}.nav__icon,.nav__icon--home{display:flex;align-items:center;position:relative;z-index:2}.nav__icon:after,.nav__icon--home:after{content:"";width:160%;height:160%;position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;transition:all ease .5s;background-color:var(--white);border-radius:50%;z-index:-1;opacity:0}.nav__icon:hover:after,.nav__icon--home:hover:after{opacity:.2}.nav__icon a,.nav__icon--home a{font-size:0}ul>.arrow-down__cont{font-size:0;padding:0}.arrow-down{width:clamp(20px,2vw,40px);margin-right:.4rem}.icon-wrap{padding:0 1vw 0 2vw}.icon-margin-l{margin:0 1.2vw}.icon-margin-r{margin-right:2vw}.menu{display:flex;align-items:center;justify-content:space-between;position:relative;width:60%;padding:.1% 1.5%;background-color:#fff3;border:solid var(--pink) 2px;border-radius:50px;cursor:pointer}.menu a,.menu .slash{display:block;width:100%;font-size:1.8rem;line-height:1.5;text-indent:1rem}.menu__links{display:flex}.menu:hover{border:solid var(--baby-blue) 2px;background-color:#ffffff4d}.menu:hover .menu__links--active{color:var(--baby-blue)}.menu__dropdown{background-image:url(../svg/noise.svg),linear-gradient(var(--dark-blue),var(--baby-blue));background-size:auto,cover;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:top left,center;display:none;position:absolute;z-index:2;width:102%;top:-5%;left:-1%;padding:1vw 0;border-radius:18px}.menu__dropdown li:hover{background-color:#fff3}.hide{visibility:hidden;font-size:0}@media (min-width: 1920px){.nav__buttons{justify-content:space-evenly}.nav__buttons--arrow{margin-left:0}.icon-margin-l,.icon-margin-r{margin:0}.icon-wrap{padding:0}}@keyframes moveDown{0%{transform:translateY(100%);opacity:0}50%{opacity:1}to{transform:translateY(0)}}@keyframes appearUp{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes introWait{0%,80%{opacity:0}to{opacity:1}}@keyframes moveCont{0%{transform:translateY(20%);opacity:0}20%{opacity:1}to{transform:translateY(0)}}*{box-sizing:border-box}body{background-image:url(../svg/noise.svg),linear-gradient(var(--dark-blue),var(--baby-blue));background-size:auto,cover;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:top left,center;display:flex;justify-content:center;padding:1vw 0}.home-container{display:flex;align-items:center;justify-content:center;min-height:100vh;height:100%;padding:1% 0}a{color:var(--white);text-decoration:none}li{display:block;font-size:1.4rem;color:var(--white);padding:0 2%;font-weight:500;text-decoration:none}.container{background-image:url(../svg/noise.svg),linear-gradient(#06070d,#4f5172);background-size:auto,cover;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:top left,center;width:98vw;color:var(--white);border:2.5px solid var(--white);border-radius:10px;height:100%}header{position:sticky;top:0;background-image:url(../svg/noise.svg),linear-gradient(#06070d,#4f5172);background-size:auto,cover;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:top left,center;border:white;z-index:1000;border-radius:10px}.main-grid{display:flex;justify-content:center;position:relative;flex-direction:column;margin-right:clamp(20px,4vw,100px);margin-left:clamp(20px,4vw,100px)}.profile-pic{width:calc(125px + 6vw + 1vh);border-radius:100%;justify-self:center;border:var(--pink) solid 6.5px;box-shadow:#00000029 0 1px 4px;animation:introWait 2s linear}.intro__greeting{line-height:1.5;white-space:nowrap;animation:appearUp 1.5s ease-in-out}.intro__greeting span:nth-of-type(1){font-size:clamp(2.3rem,2vw + 1rem,3rem);color:var(--white);margin-bottom:1vw}.intro__greeting span:nth-of-type(2){font-size:clamp(3rem,2vw + 1rem,3.7rem);color:var(--pink);margin-bottom:1vw}.intro__greeting:after{content:"";display:block;width:clamp(24rem,20rem + 6vw,30rem);border-top:var(--white) solid 5px;border-image:linear-gradient(to right,var(--white),var(--pink)) 1 0 0 0}.intro__nav{width:65%;animation:introWait 2s linear;padding-top:1.5rem}.intro__nav--top{display:flex;align-items:center;justify-content:space-between;padding-top:5%;white-space:nowrap;line-height:.6}.intro__nav span{font-size:1.4rem;display:flex;width:32ch;font-family:Space Mono}.hello_to_you{line-height:1;font-size:clamp(2.5rem,2vw + 1rem,3.2rem);font-weight:700;color:var(--light-grey);animation:moveDown 1s ease-in-out}.about-me{margin-top:1vw;color:var(--baby-blue);border:solid var(--baby-blue) 2px;border-radius:10px;box-shadow:#00000029 0 1px 4px;animation:introWait 2s linear}.about-me p{padding:3%}.about-me p,.about-me__highlight{font-size:clamp(.8rem,10px + 1vw,1.1rem);font-family:Roboto Mono}.about-me__highlight{font-weight:700}.main-cont{display:flex;justify-content:center;flex-direction:column}.main-cont--left{width:60%}.main-cont--right{align-items:center;width:40%}.socials{display:none;gap:6.5%;animation:introWait 2s linear}.socials img{width:25px}.profile{display:flex;margin:6vw 0}.menu__links--active{color:var(--pink);text-decoration:none}@media (min-width: 1920px){:root{font-size:24px}html{margin:0 auto}.home-container{height:1200px}.nav-buttons--right{width:200px}.main-cont--right{margin-right:40px}.profile-pic{width:350px}}@media (max-width: 1200px){:root{font-size:14px}}@media (max-width: 900px){:root{font-size:10px}}@media (max-width: 1000px) and (orientation: landscape){:root{font-size:9px}.profile-pic{width:calc(145px - 2vw)}}@media (max-width: 640px){nav{padding:2.5% 0}.container{width:98%}.nav__buttons{width:10%;font-size:0}.nav__buttons-size{width:calc(12px + 2vw);height:calc(12px + 2vw)}.nav--hide,.nav__buttons--arrow{display:none}.intro{flex-flow:column;gap:4%}.main-cont--right{align-self:center}.profile-pic{margin-bottom:10%}.socials{display:flex;padding-top:5%}.intro__nav--top{padding:5% 0 12%;line-height:1}.intro__nav span{display:none}.menu{width:80%}.menu__dropdown{width:104%;left:-2%}li{font-size:2rem}}@media (max-width: 500px){.main-cont--right{width:80%}}@media (max-width: 350px){.main-grid{gap:5vw}}p,h1,h2,h3{line-height:1.5}p{font-size:.82rem;font-family:Inter;font-weight:500}h1{font-size:1.8rem}h2{font-size:1.1rem;padding-bottom:.6rem;font-family:Space Mono;font-weight:700}h3{font-size:1.2rem;padding-bottom:.5rem}.overlay{position:fixed;width:100vw;height:100vh;display:none;z-index:1001;background:#000000e6;top:0;left:50%;transform:translate(-50%)}.overlay--active{display:flex;justify-content:center;align-items:center;padding:1.4rem}.overlay__content{background-image:url(../svg/noise.svg),linear-gradient(#06070d,#2c2e42);background-size:auto,cover;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:top left,center;width:100%;height:100%;border-radius:10px;color:var(--white);overflow-y:auto;gap:5rem;scrollbar-width:none;box-shadow:#00000059 0 5px 15px;border:1px black solid}.overlay__content p{width:clamp(30ch,60vw,68ch);padding-bottom:1.6rem;line-height:1.6}.overlay__bar{background-image:url(../svg/noise.svg),linear-gradient(#06070d,#1a1b23);background-size:auto,cover;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:top left,center;width:100%;top:0;justify-content:space-between;display:flex;border-bottom:10px #3b3c57 solid;padding-top:.5rem;z-index:10}.overlay__btn{background-color:transparent;color:#fff;border:none;padding:.5rem .8rem;border-radius:12px 12px 0 0;font-size:1rem}.overlay__btn--active{background-color:#3b3c57}.overlay__menu{display:flex;justify-content:end;margin-left:2rem}.overlay__title{font-size:1.8rem;font-family:Space Mono;font-weight:700}.overlay__text{margin:2.4rem 6rem;flex-direction:column;display:flex}.overlay__images{display:flex;align-items:center;flex-direction:column}.overlay__images img{width:clamp(200px,60% + 20vw,1000px);margin-bottom:2rem;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;border-radius:10px}.actions{margin-top:.6rem;flex-wrap:wrap;display:flex;gap:.3rem}.actions__button{font-size:.72rem;color:var(--pink);border:var(--pink) solid 2.5px;border-radius:25px;padding:.4rem;font-weight:700;background-color:#cb108d1a;cursor:pointer;white-space:nowrap;padding:.2rem .3rem;border-radius:.2rem}.actions__button:hover{color:var(--baby-blue);border:var(--baby-blue) solid 2.5px;background-color:#86adec1a}.actions__button--explore{background-color:var(--pink);color:var(--white)}.actions__button--explore:hover{background-color:var(--dark-blue);border:var(--dark-blue) solid 2.5px;color:var(--white)}.button--exit{width:clamp(25px,2vw,60px);height:clamp(25px,2vw,60px);margin-right:.8rem;display:flex;justify-content:center;align-items:center;background:none;border:none;cursor:pointer}.tech{display:flex;gap:1.2rem;padding:.4rem 0 1.6rem}.tech__icon{color:var(--pink);display:flex;flex-direction:column;align-items:center}.tech__icon span{font-size:.81rem;font-weight:700}[class^=devicon]{font-size:2.5rem}.info{padding:5% 0}.articles{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;justify-items:center;padding:2rem;width:clamp(280px,80%,1200px);margin:0 auto}.article{display:flex;flex-direction:column;width:100%;margin:0 5rem;border-radius:10px;border:rgb(85,85,85) solid 1.5px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;overflow:hidden;background:#212123;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.article__card{justify-content:space-between}.article__card--btm{display:flex;flex-direction:column}.article:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff0d;opacity:0;transition:opacity .3s ease;border-radius:10px;pointer-events:none}.article:hover{transform:translateY(-5px) scale(1.01);box-shadow:#32325d59 0 4px 8px -1px,#0006 0 2px 4px -1px;border-color:#646464}.article:hover:before{opacity:1}.article__text{font-size:.82rem;white-space:normal;color:#a9a9a9}.article__techs{display:flex;flex-flow:row wrap;gap:.3rem;padding-top:.6rem}.article__tech{background-color:#06070d;padding:.1rem .2rem;border-radius:.2rem;font-size:.7rem;color:var(--pink);font-weight:700;background-color:#cb108d26}.article img{width:100%}.article .project-text{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;flex:1}.article .project-text h2{font-size:1.1rem}@media (max-width: 600px){p{font-size:14px}.articles{grid-template-columns:1fr}.article{grid-template-columns:1fr;grid-template-rows:auto auto;box-sizing:border-box;height:100%}.article img{width:100%;border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-left-radius:initial;border-right:initial;border-bottom:2.5px solid var(--white)}.overlay__content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0}.overlay__content__images img{margin:4rem 0}.overlay__text{margin:4rem 0 0}.carousel__text span{font-size:14px}}@media (max-width: 500px){.profile{flex-direction:column-reverse}}.col{display:flex;justify-content:center;flex-direction:column;align-items:center}.carousel{width:clamp(200px,70vw,1000px)}.carousel__cont{position:relative;width:100%;overflow:hidden;border-radius:10px;aspect-ratio:1400/900}.carousel__imgs{display:flex;margin-bottom:2rem}.carousel__img{width:100%;flex-shrink:0}.carousel__btn{position:absolute;top:50%;transform:translateY(-50%);background:#0006;color:var(--white);border:none;border-radius:50%;cursor:pointer;width:calc(20px + 2vw);height:calc(20px + 2vw)}.carousel__btn--left{left:.4rem}.carousel__btn--right{right:.4rem}.carousel__arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;display:block}.carousel__text{margin:.4rem 0 2rem;text-align:left;color:var(--dark-gray);width:100%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.carousel__text span{display:inline-block;font-size:.81rem;padding:.25rem .5rem}