@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";.menu-btn{position:relative;display:none;width:25px;aspect-ratio:1/1;transition:all .5s}.menu-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:2px;background:#000}.menu-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:2px;width:100%;background:#000}.menu-btn--active{transform:rotate(135deg)}@media screen and (width < 896px){.menu-btn{display:initial}}.menu{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:15px;overflow:hidden}.menu__nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.menu__nav-link{font-size:1.25rem;color:#000;opacity:0;pointer-events:none;transition:opacity .5s}.menu__nav-link--active{opacity:1;pointer-events:all}.menu__projects-qty{position:absolute;top:0;right:0;transform:translate(125%,-25%);font-size:.8rem}.dark-mode-btn{margin-left:auto;margin-right:15px}body.dark{color:#fff!important;background:#000!important}body.dark .home__link{border-bottom:1px solid rgba(255,255,255,.2)}body.dark .home__link:hover{border-bottom:1px solid rgb(255,255,255)}body.dark .header{color:#fff;background:#000;border-bottom:1px solid rgba(255,255,255,.2)}body.dark .header__logo-link-txt{color:#fff}.light-logo{display:none}body.dark .header__nav-link,body.dark .menu__nav-link{color:#fff}body.dark .link-effect:after{background:#fff!important}body.dark .dark-mode-btn,body.dark .header__link{color:#fff}body.dark .custom-cursor{background:#00000080;color:#fff}body.dark a{color:#fff}body.dark .menu-btn:before,body.dark .menu-btn:after{background:#fff}body.dark .footer{border-top:1px solid rgba(255,255,255,.2)}body.dark button[type=submit]{background:#fff;color:#000}body.dark .dark--active{border-bottom:1px solid rgba(255,255,255,.2)}body.dark .dark--active:hover,body.dark .projects__btn--active.dark--active{border-bottom:1px solid #fff}body.dark .input{border-bottom:1px solid rgba(255,255,255,.2)}body.dark .input:focus{border-bottom:1px solid rgb(255,255,255)}body.dark .input--active{border-bottom:1px solid rgb(255,255,255)}body.dark textarea{border-bottom:1px solid rgba(255,255,255,.2)}body.dark textarea:focus{border-bottom:1px solid rgb(255,255,255)}.header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;background:#fff;z-index:100;padding:0 30px;border-bottom:1px solid rgba(0,0,0,.2)}.header__right-section{display:flex;justify-content:center;align-items:center}.header__top{width:100%;min-height:50px;display:flex;justify-content:space-between;align-items:center}.header__logo-link{display:flex;gap:5px}.header__logo-link-txt{font-size:1.5rem}.header__nav{display:flex;justify-content:center;align-items:center;gap:60px}.header__nav-link{color:#000}.header__projects-qty{position:absolute;top:0;right:0;font-size:.8rem;transform:translate(125%,-25%)}.link-effect{position:relative}.link-effect:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#000;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s}.link-effect:hover:after{transform:scaleX(1);transform-origin:bottom left}.link-effect--active:after{transform:scaleX(1);transform-origin:bottom left}.header__bottom{display:grid;grid-template-rows:0fr;overflow:hidden;width:100%;padding:0;transition:all .5s}.header__bottom--active{padding:15px 0;grid-template-rows:1fr}@media screen and (width <= 896px){.header{padding:0 15px}.header__nav,.header__link{display:none}}.home{display:flex;justify-content:space-between;flex-direction:column;row-gap:30px;min-height:100svh}.home__top{min-height:50svh;display:flex;justify-content:flex-end;align-items:center;padding-top:65px;row-gap:15px;flex-direction:column}.home__title{font-size:clamp(1.5rem,3vw,3rem);text-align:center;padding:0 30px}.home__link{border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:15px;transition:border-bottom .3s}.home__link:hover{border-bottom:1px solid rgb(0,0,0)}.home__bottom{display:flex;justify-content:flex-end;flex-direction:column;min-height:5svh;padding-bottom:30px}.scroller__inner{flex-wrap:nowrap;width:max-content;display:flex;column-gap:30px}.home__project-img{width:500px}.scroller[data-animated=true]{overflow:hidden}.scroller[data-animated=true] .scroller__inner{animation:scroll var(--_animation-duration, 8s) var(--_animation-direction, forwards) linear infinite}.scroller[data-direction=right]{--_animation-direction: reverse}.scroller[data-direction=left]{--_animation-direction: forwards}.scroller[data-speed=slow]{--_animation-duration: 30s}.scroller[data-speed=fast]{--_animation-duration: 5s}@keyframes scroll{to{transform:translate(calc(-50% - 15px))}}.home__project-link{cursor:none}@media screen and (width < 897px){.home{row-gap:15px}.home__project-img{width:250px}.home__title{padding:0 15px}.home__bottom{padding-bottom:15px}.scroller__inner{column-gap:15px}@keyframes scroll{to{transform:translate(calc(-50% - 7.5px))}}}.about{min-height:100vh;padding:80px 30px 30px;display:flex}.about__title-container{width:100%}.about__title{font-size:clamp(2rem,6vw,4rem);position:sticky;top:80px}.about__container{width:100%}.about__container p{text-align:justify}@media screen and (width <= 1000px){.about{padding:65px 15px 15px}.about__title{top:65px}}@media screen and (width < 808px){.about{flex-direction:column;row-gap:15px}}.contact__form-container{width:600px;display:flex;flex-direction:column;row-gap:30px;flex-shrink:0;min-height:calc(100svh - 110px)}.contact__form{display:flex;flex-direction:column;flex-grow:1;gap:30px}.contact__form textarea{border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:15px;border-radius:inherit;width:100%;height:100%;transition:all .3s}.contact__form textarea:focus{border-bottom:1px solid rgb(0,0,0)}.contact__form textarea{outline:none;resize:none}.contact__form button{padding:15px;background:#000;color:#fff;font-weight:inherit}.input-container{position:relative;width:100%}.input-container:focus-within label{transform:translateY(-100%)}.label{position:absolute;transition:transform .3s}.label--active{transform:translateY(-100%)}.input{border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:15px;border-radius:inherit;width:100%;height:100%;transition:all .3s}.input:focus{border-bottom:1px solid rgb(0,0,0)}.input--active{border-bottom:1px solid rgb(0,0,0)}.text-area-container{flex-grow:1}.contact__checkbox-wrapper{display:flex;justify-content:space-between;align-items:center;gap:5px;flex-wrap:wrap}.checkbox-container{display:flex;justify-content:flex-start;align-items:center;gap:5px}@media screen and (width <= 900px){.contact__form-container{width:100%;min-height:calc(100svh - 80px)}}.contact{min-height:100svh;padding:80px 30px 30px;display:flex;gap:30px}.contact__left-container{flex-grow:1;display:flex;flex-direction:column;gap:30px}.contact__title{font-size:clamp(2rem,6vw,4rem)}.contact__details-container p{color:gray}.contact__details-container:nth-last-child(1){margin-top:auto}@media screen and (width <= 900px){.contact{flex-direction:column}}@media screen and (width < 808px){.contact{padding:65px 15px 15px}}.project-page{padding:80px 30px 30px}.project-page__img-container{display:flex;gap:15px}.project-page__title-container{margin-top:30px}.project-page__title{font-size:clamp(2rem,6vw,4rem)}.project-page__info{text-align:justify;margin-top:30px}.project-page__related-title{font-size:clamp(1.5rem,3vw,3rem);margin-bottom:15px}.project-page__related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}@media screen and (width <= 896px){.project-page{padding:65px 15px 15px}.project-page__title-container,.project-page__info{margin-top:15px}}@media screen and (width < 808px){.project-page__img-container{flex-direction:column}.project-page__related-grid{grid-template-columns:repeat(1,1fr)}}.projects{padding:80px 30px 30px;display:flex;gap:30px}.projects__title-container{width:100%}.projects__title-inner{position:sticky;top:80px}.projects__title{font-size:clamp(2rem,6vw,4rem)}.projects__btn-container{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px}.projects__btn{padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.2);transition:border-bottom .3s}.projects__btn:hover,.projects__btn--active{border-bottom:1px solid rgb(0,0,0)}.projects__mansory-container{width:100%;display:flex;gap:15px;height:100svh}.projects__labels-container{column-count:1;gap:30px;width:20%;display:flex;flex-direction:column;gap:15px;overflow-y:scroll}.projects__label-container{display:flex;justify-content:center;align-items:flex-end;gap:15px}.masonry{width:80%;display:flex;flex-direction:column;gap:15px;overflow-y:scroll}.projects__link{scroll-margin-top:65px;position:relative;width:100%;cursor:none}@media screen and (width <= 1000px){.masonry{gap:15px}.masonry .projects__link{width:100%}.masonry .projects__link img{display:block;width:100%}.projects__labels-container{display:none}.projects__mansory-container{width:100%;display:flex;height:auto}.masonry{width:100%}}@media screen and (width <= 896px){.projects{padding:65px 15px 15px;gap:15px}.projects__title-inner{top:65px}.masonry{gap:15px}}@media screen and (width < 808px){.projects{flex-direction:column;row-gap:15px}}.footer{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;padding:15px;border-top:1px solid rgba(0,0,0,.2)}.footer__left-container{display:flex;flex-direction:row-reverse;align-items:flex-end;gap:15px;justify-content:space-between}.footer__right-container{display:flex;align-items:flex-end;gap:15px}@keyframes animateColon{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media screen and (width < 808px){.footer__left-container{flex-direction:column;align-items:flex-start}.footer__right-container{flex-direction:column}}.custom-cursor{position:fixed;transform:translate(-50%,-50%);z-index:9999;width:0px;aspect-ratio:1/1;background:#ffffff80;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:#000;border-radius:50%;display:flex;justify-content:center;align-items:center;pointer-events:none;overflow:hidden;transition:width .3s}.custom-cursor--active{width:150px!important}.custom-cursor--active:before{content:attr(data-cursor-value)}.contact-me{min-height:100svh;padding:80px 30px 30px;display:flex;gap:30px}.contact-me__left-container{flex-grow:1;display:flex;flex-direction:column;gap:30px}.contact-me__details-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;margin-top:auto}.contact-me__title{font-size:clamp(2rem,6vw,4rem)}@media screen and (width <= 900px){.contact-me{flex-direction:column}}@media screen and (width < 808px){.contact-me{padding:65px 15px 15px}}*{padding:0;margin:0;border:none}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}input[type=file]{max-width:100%}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{display:none}body{font-family:Manrope,sans-serif}#root{display:flex;flex-direction:column}a{color:#000}@media screen and (width <= 1000px){body{padding:0}}