html{font-size:62.5%;overscroll-behavior-y:none;scroll-behavior:smooth}body,html{overflow-x:hidden}body{background-color:var(--colorPrimary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0}.body__container{box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;max-width:100rem;padding:8rem 1.6rem 0;transition:width .35s}a{text-decoration:none}span{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}::selection{background:var(--colorText20);color:var(--colorText100)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--colorText20)}::-webkit-scrollbar-thumb{background:var(--colorText50);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:var(--colorSecondary90)}@media (max-width:820px){.body__container{box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;width:49rem}}@media (max-width:600px){.body__container{box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;width:45rem}}@media (max-width:500px){.body__container{width:40rem}}@media (max-width:400px){.body__container{width:35rem}}@media (max-width:300px){.body__container{width:30rem}}.section{display:flex;flex-direction:column;margin-right:17rem;transition:margin .35s;z-index:100}.section__title-container{align-self:flex-start;display:flex;flex-direction:column;margin-bottom:1.2rem;margin-top:1.2rem}.section__title{color:var(--colorText90);font-size:2rem;font-weight:600}.section__title-line{background-color:var(--colorText20);border-radius:1rem;height:.4rem;width:100%}@media (max-width:1000px){.section{margin-right:7rem}}@media (max-width:820px){.section{margin-right:0}}.hero__section{align-items:center;display:flex;height:60rem;margin-top:2rem;position:relative;z-index:100}.hero__left{width:48rem;z-index:100}.hero__about,.hero__left{display:flex;flex-direction:column}.hero__name{color:var(--colorText100);font-size:3.6rem;font-weight:700;margin-bottom:.5rem}.hero__desc,.hero__name{-webkit-animation:gradient 20s ease-out infinite;animation:gradient 20s ease-out infinite;z-index:100}.hero__desc{color:var(--colorText80);font-size:1.8rem;font-weight:400;text-decoration:none;text-decoration-color:var(--colorText20);text-decoration-thickness:.4rem;text-underline-offset:.6rem;transition:-webkit-text-decoration .5s;transition:text-decoration .5s;transition:text-decoration .5s,-webkit-text-decoration .5s}.hero__desc:hover{text-decoration:underline;text-decoration-color:var(--colorText20);text-decoration-thickness:.4rem;text-underline-offset:.6rem}.hero__work{display:flex;flex-direction:column;margin-top:3rem;z-index:100}.hero__work-title-container{display:flex;flex-direction:column;margin-bottom:1.2rem;margin-top:1.2rem;width:5rem}.hero__work-title{color:var(--colorText90);font-size:2rem;font-weight:600}.hero__work-title-line{background-color:var(--colorText20);height:.5rem;width:100%}.hero__work-txt{color:var(--colorText80);font-size:1.8rem;font-weight:400;line-height:1.5}.hero__resume-button{align-items:center;background-color:var(--colorSecondary90);border:none;border-radius:1rem;color:#fff;cursor:pointer;display:inline-flex;font-size:1.6rem;font-weight:500;justify-content:center;letter-spacing:1.5px;margin-top:2rem;overflow:hidden;padding:1rem;position:relative;text-decoration:none;width:13rem}.hero__resume-download-txt,.hero__resume-txt{color:#fff;font-size:1.6rem;left:0;letter-spacing:1px;position:relative;transition:all .35s ease-Out}.hero__resume-download{align-items:center;background:transparent;bottom:0;display:flex;height:100%;justify-content:center;left:-200px;padding:0;position:absolute;transition:all .35s ease-Out;width:100%}.hero__resume-button:hover .hero__resume-download{left:0}.hero__resume-button:hover .hero__resume-txt{left:150px}#hero__resume-download-txt{color:#fff;font-size:1.6rem;height:100%;width:100%}#hero__resume-download-txt,.hero__right{align-items:center;display:flex;justify-content:center}.hero__right{height:60rem;position:absolute;right:0;width:60rem;z-index:50}@media (max-width:1000px){.hero__section{height:50rem}.hero__left{width:40rem}.hero__right{bottom:0;height:50rem;margin:auto 0;top:0;width:50rem;z-index:50}}@media (max-width:820px){.hero__section{margin-bottom:10rem;margin-top:15rem}.hero__left{margin-top:16rem;width:100%}.hero__right{height:49rem;left:55%;top:-25rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:49rem}}#skills{margin-top:8rem}.second__skill{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.2rem}.second__skill-container,.skill-card{display:flex;flex-direction:column}.skill-card{align-items:center;justify-content:center;margin:1rem auto;z-index:100}#second__skill-icon{color:var(--colorText90);font-size:2rem;margin-bottom:1rem;transition:color .5s}.second__skill-title{font-size:1.6rem;transition:color .5s}.second__skill-title,.skill-card:hover #second__skill-icon,.skill-card:hover .second__skill-name{color:var(--colorSecondary90)}.second__skill-list{grid-gap:.5rem;align-items:center;background-color:var(--colorCardBg);border-radius:2rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2rem;padding:2rem;text-align:center}.second__skill-name{color:var(--colorText50);font-size:1.2rem;transition:color .5s}@media (max-width:820px){.second__skill{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(1,minmax(0,1fr))}}.project__section{display:flex;flex-direction:column;margin-right:17rem;transition:margin .35s;z-index:100}.project__title{display:flex;gap:3rem;margin-top:3rem}.project__title-container{align-self:flex-start;display:flex;flex-direction:column;margin-top:1.2rem}.project__title{color:var(--colorText90);font-size:2rem;font-weight:600}.project__title-line{border-radius:1rem;height:.5rem;width:100%}.project__title-line--active{background-color:var(--colorSecondary90)}.project__card-list{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.2rem;z-index:100}.project__card{display:flex;flex-direction:column}.project__card-img-container{background-color:var(--colorText20);border-radius:1rem;margin-top:1rem;position:relative}.project__card-img{border-radius:1rem;height:100%;object-fit:cover;transition:all .5s ease-in-out;width:100%}.project__hover-bg{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(5.2px);background:hsla(0,0%,100%,.09);border-radius:1rem;border-style:none;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s}.project__hover-bg,.project__hover-icon{align-items:center;display:flex;justify-content:center}.project__hover-icon{background-color:#fff;border-radius:2rem;color:#000;cursor:pointer;font-size:1.3rem;height:2rem;margin-bottom:3rem;padding:1rem;width:2rem}.project__card-img-container:hover .project__hover-bg{opacity:1}.project__hover-reaveal{align-items:center;background-color:var(--colorProjectBg);border-bottom-left-radius:.8rem;border-bottom-right-radius:.8rem;bottom:-.3%;display:flex;height:0;justify-content:space-between;left:0;opacity:0;position:absolute;right:0;transition:height .35s,opacity .35s}.project__hover-live,.project__hover-view{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;transition:color .35s;width:45%}.project__hover-live-txt,.project__hover-view-txt{color:var(--colorText90);cursor:pointer;font-size:1.2rem;font-weight:400;transition:color .35s}.project__hover-live:hover .project__hover-live-txt,.project__hover-view:hover .project__hover-view-txt{color:var(--colorSecondary90)}.project__card-img-container:hover .project__hover-reaveal{height:5rem;opacity:1}.project__hover-seperator{background-color:var(--colorText90);height:30%;width:.05rem}.project__card-txt-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.project__card-title{color:var(--colorText90);font-size:1.6rem;margin-top:1rem}.project__card-desc{color:var(--colorText50);font-size:1.4rem;margin-top:1rem;text-align:center}.project__card-tag-list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.project__card-tag{-webkit-backdrop-filter:5rem;backdrop-filter:5rem;background-color:var(--colorCardBg);border-radius:.5rem;margin:1rem .5rem 0;padding:.5rem 1rem}.project__card-tag-txt{color:var(--colorSecondary90);font-size:1.1rem;margin:0}@media (max-width:1000px){.project__section{margin-right:7rem}}@media (max-width:820px){.project__section{margin-right:0}.project__card-list{grid-gap:2.1rem;display:grid;gap:2.1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.2rem}}@media (max-width:400px){.project__card-list{grid-template-columns:repeat(1,minmax(0,1fr))}}.card{align-items:center;display:flex;flex-direction:column;gap:3rem;justify-content:center;margin-top:3rem;position:relative}.card__img{border-radius:2rem;width:60%}.tilt{height:auto;object-fit:cover;object-position:center center;opacity:1}.detail__container{display:flex;flex-direction:column;gap:2rem;width:60%}.name__container{align-items:flex-end;color:var(--colorText90);display:flex;gap:.5rem}.detail__link,.name__container{font-size:1.4rem;font-weight:600}.detail__link{color:var(--colorSecondary90)}.detail__name{color:var(--colorText90);font-size:2rem;font-weight:700;line-height:2.1rem}.detail__detail{color:var(--colorText90);font-size:1.6rem;font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;text-align:justify}.demo{font-size:2rem;width:70%}@media (max-width:500px){.card{margin:0}}.footer__container{margin-left:auto;margin-right:auto;max-width:100rem}.footer{background-color:var(--colorCardBg);border-radius:2rem;display:flex;flex-direction:column;margin-bottom:1rem;margin-top:8rem;max-width:100rem;z-index:100}.footer__top{align-items:top;display:flex;justify-content:space-between;padding:3rem}.footer__top-container{display:flex;gap:10rem}.footer__title{color:var(--colorSecondary90);font-size:3rem;font-weight:800;margin-top:.2rem}.footer__email-container{display:flex;flex-direction:column}.email__title{color:var(--colorText90);font-size:1.6rem;font-weight:800}.email{color:var(--colorText50);font-size:1.5rem;margin-top:1rem}.footer__social{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer__social-title{color:var(--colorText90);font-size:1.6rem;font-weight:800}.footer__social-list{align-items:center;display:flex;justify-content:center}.footer__social-list .social{color:var(--colorText90);cursor:pointer;font-size:2rem;margin:.5rem;transition:color .5s}.footer__social-list .social:hover{color:var(--colorSecondary90)}.footer__bottom{align-items:center;display:flex;justify-content:space-between;padding:3rem}.made{color:var(--colorText50);font-size:1.2rem}.heart{color:var(--colorSecondary90)}.copyright{color:var(--colorText50);font-size:1.2rem}@media (max-width:1000px){.footer{margin-right:7rem}}@media (max-width:820px){.footer__container{width:49rem}.footer{margin-right:3rem}.footer__top{align-items:start;padding-bottom:1rem;padding-top:2rem}.footer__bottom{padding-bottom:2rem;padding-top:1rem}.footer__email-container{display:none}.footer__social{margin-top:.5rem}}@media (max-width:600px){.footer__container{width:45rem}}@media (max-width:500px){.footer__container{width:40rem}.footer__email-container{display:none}.footer__top{align-items:center;flex-direction:column}.footer__social-title{display:none}.footer__title{font-size:2.7rem}.footer__bottom{flex-direction:column;gap:1rem}}@media (max-width:400px){.footer__container{width:35rem}}@media (max-width:300px){.footer__container{width:30rem}}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--colorTopbar);top:0;width:100%;z-index:150}.topbar,.topbar__layer{left:0;position:fixed;right:0}.topbar__layer{background-color:var(--colorPrimary);height:5rem;opacity:.8;z-index:50}.topbar__container{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin:auto;max-width:100rem;padding:1.6rem 0}.topbar__logo-container{align-items:center;display:flex;justify-content:center;padding-left:.8rem;z-index:1000}.topbar__logo-img{-webkit-animation:gelatine 2s infinite;animation:gelatine 2s infinite;color:var(--colorText90);height:2.2rem;width:2.2rem}.topbar__logo-txt{color:var(--colorText90);font-size:2rem;font-weight:800;margin-left:.2rem;z-index:200}@-webkit-keyframes gelatine{0%,to{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scaleY(1.1);transform:scaleY(1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scaleY(1.05);transform:scaleY(1.05)}}@keyframes gelatine{0%,to{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scaleY(1.1);transform:scaleY(1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scaleY(1.05);transform:scaleY(1.05)}}.topbar__right{display:flex;z-index:500}.topbar__social-container{align-items:center;display:flex;gap:2rem;justify-content:center;padding-right:1.6rem;z-index:600}.topbar__right .topbar__social-icon{color:var(--colorText90);font-size:2rem;transition:color .5s}.topbar__right .topbar__social-icon:hover{color:var(--colorSecondary90)}.topbar__menu,.topbar__theme{display:none;margin-right:1.6rem}.topbar__menu{align-items:center;background-color:hsla(0,0%,58%,.308);border-radius:1rem;border-style:none;box-shadow:var(--btnBoxShadow);color:var(--colorText90);font-size:1.8rem;height:3.6rem;justify-content:center;position:relative;transition:box-shadow .35s;width:3.6rem}@-webkit-keyframes lineAnim{0%{-webkit-transform-origin:right 50%;transform-origin:right 50%}0.2%{-webkit-transform:scaleX(.8);transform:scaleX(.8)}}@keyframes lineAnim{0%{-webkit-transform-origin:right 50%;transform-origin:right 50%}0.2%{-webkit-transform:scaleX(.8);transform:scaleX(.8)}}@media (max-width:820px){.topbar__layer{display:none}.topbar__container{padding:2rem 0;width:49rem}.topbar__social-container{display:none}.topbar__menu,.topbar__theme{display:flex}}@media (max-width:600px){.topbar__container{width:45rem}}@media (max-width:500px){.topbar__container{padding:1rem 0;width:40rem}}@media (max-width:400px){.topbar__container{width:35rem}}@media (max-width:300px){.topbar__container{width:30rem}}.nav{position:fixed;right:0;top:18%;-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;z-index:105;z-index:100}.line{background-color:var(--colorText20);border-radius:.2rem;height:.1rem;max-width:32rem;position:absolute;right:4.5rem;top:52%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:width .1s;width:0}.nav__list{flex-direction:row;list-style:none;z-index:500}.nav__item,.nav__list{align-items:center;display:flex;justify-content:center}.nav__item{color:var(--colorText90);cursor:pointer;display:inline-block;font-size:1.6rem;font-weight:500;margin-bottom:.2rem;margin-left:2rem;margin-right:2rem;text-decoration:none;z-index:600}.nav__item:hover{color:var(--colorSecondary90)}#darkMode{align-items:center;background-color:var(--colorThemeBg);border-radius:1rem;border-style:none;box-shadow:var(--btnBoxShadow);color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:3.6rem;justify-content:center;position:relative;transition:box-shadow .35s;width:3.6rem}#darkMode:hover{box-shadow:var(--btnBoxShadowHover)}@media (max-width:820px){.nav{display:none}}.menu{background-color:var(--colorMenu100);height:0;left:0;overflow:hidden;overflow-y:hidden;position:fixed;top:0;transition:.5s;width:100%;z-index:800}.menu,.menu__list{align-items:center;display:flex;justify-content:center}.menu__list{flex-direction:column;margin-left:5rem;position:relative}.menu__item{position:relative;transition:width 5s}.menu__num{color:var(--colorText20);font-family:Notable,sans-serif;font-size:5rem;left:0;margin-left:-5rem;margin-top:-2rem;position:absolute;top:0}.menu__txt{color:var(--colorText100);display:inline-block;font-size:7rem;font-weight:900;text-decoration:none;transition:color .35s;z-index:5}.menu__txt-container:hover .menu__txt{color:var(--colorSecondary90)}.menu__txt-container:hover .menu__line{width:100%}.menu__line{background-color:var(--colorText90);height:1rem;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:width .4s;width:0;z-index:-1}.menu__btn-container .topbar__logo-container{visibility:hidden}@media (max-width:820px){.menu__txt{font-size:6rem}.menu__num{margin-left:-5rem;margin-top:-1.5rem}}@media (max-width:500px){.menu__txt{font-size:5rem}.menu__num{font-size:4rem;margin-left:-4rem;margin-top:-1.5rem}}.background-layer{-webkit-backdrop-filter:blur(7rem);backdrop-filter:blur(7rem);background:var(--colorOverlayBg);bottom:0;left:0;opacity:1;position:fixed;right:0;top:0;z-index:-100}.liquid-object{-webkit-animation:gradient 20s ease-out infinite,spin 15s linear 0s infinite normal,liquid 10s infinite;animation:gradient 20s ease-out infinite,spin 15s linear 0s infinite normal,liquid 10s infinite;background-image:var(--colorLiquidObj);background-size:cover;border-radius:50rem;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;-webkit-filter:blur(5rem);filter:blur(5rem);height:40rem;opacity:0;overflow:hidden;position:absolute;-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0);transform:translateX(-50%) translateY(-50%) translateZ(0);transition:opacity 3s ease-out;width:35rem;z-index:-200}@-webkit-keyframes liquid{0%{background-size:100%;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}to{background-size:100%;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes liquid{0%{background-size:100%;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}to{background-size:100%;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@-webkit-keyframes gradient{0%{background-position:0 50%}to{background-position:100% 100%}}@keyframes gradient{0%{background-position:0 50%}to{background-position:100% 100%}}@keyframes spin{0%{-webkit-transform:translateX(-50%) translateY(-50%) rotate(1turn) translateZ(0);transform:translateX(-50%) translateY(-50%) rotate(1turn) translateZ(0)}to{-webkit-transform:translateX(-50%) translateY(-50%) rotate(0deg);transform:translateX(-50%) translateY(-50%) rotate(0deg)}}@-webkit-keyframes spin{0%{-webkit-transform:translateX(-50%) translateY(-50%) rotate(1turn) translateZ(0)}to{-webkit-transform:translateX(-50%) translateY(-50%) rotate(0deg) translateZ(0)}}@media (max-width:820px){.background-layer,.liquid-object{display:none}}body.light{--colorPrimary:#f0e6da;--colorSecondary100:#815bd5;--colorSecondary90:#815bd5;--colorSecondary80:#815bd5;--colorHighlight:#ff63c3;--colorText100:#1b202d;--colorText90:rgba(27,32,45,.92);--colorText50:rgba(27,32,45,.5);--colorText80:rgba(27,32,45,.8);--colorText20:rgba(27,32,45,.2);--colorTextBtn:#f0e6da;--colorCardBg:hsla(36,45%,96%,.5);--colorOverlayBg:linear-gradient(hsla(33,42%,90%,.3),hsla(33,42%,90%,.3));--colorLiquidObj:linear-gradient(90deg,#8c65e2,#ff7575);--colorThemeBg:#815bd5;--colorProjectBg:hsla(33,42%,90%,.9);--colorMenu100:#fbfbf6;--colorMenu50:#8c65e2;--colorTopbar:hsla(33,42%,90%,.3)}body.dark{--colorPrimary:#1d1d1f;--colorSecondary100:#ff7575;--colorSecondary90:#ff7575;--colorSecondary80:#ff7575;--colorHighlight:#ff63c3;--colorText100:#fff;--colorText90:hsla(0,0%,100%,.92);--colorText80:hsla(0,0%,100%,.8);--colorText50:hsla(0,0%,100%,.5);--colorText20:hsla(0,0%,100%,.2);--colorTextBtn:#1d1d1f;--colorCardBg:rgba(36,36,36,.5);--colorOverlayBg:linear-gradient(rgba(29,29,31,.5),rgba(29,29,31,.5));--colorLiquidObj:linear-gradient(90deg,#ff7575,#8c65e2);--colorThemeBg:#ff7575;--colorProjectBg:rgba(29,29,31,.9);--colorMenu100:#000;--colorMenu50:#815bd5;--colorTopbar:rgba(29,29,31,.5)}
/*# sourceMappingURL=main.f898ecc0.css.map*/