@import"https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{background:#000;color:#fff;font-family:Mona Sans,sans-serif;scroll-behavior:smooth;position:relative;margin:0 auto;overflow-x:hidden}.stars__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.star{position:absolute;border-radius:100%;background:#fff;box-shadow:0 0 10px 2px #fff6}.pulse{animation:pulseAnimation 2s ease-in-out infinite}.container{padding:16px 8px;width:100%;max-width:1150px;margin:0 auto}.row{width:100%;max-width:1150px;margin:0 auto}.project__container{padding:16px 8px;width:100%;max-width:1400px;margin:0 auto}.project__row{width:100%;max-width:1400px;margin:0 auto}.nav__wrapper{display:flex;width:100%;height:10%;padding:24px;background-color:#1c1c1e47;-webkit-backdrop-filter:blur(500px);backdrop-filter:blur(500px);border-radius:25px}.nav__figure--logo{display:flex;justify-content:start;align-items:center;width:calc(100% / 3)}.nav__logo{width:100px;height:64px;filter:invert(1);transition:transform .5s ease-in-out;transform-origin:center center;cursor:no-drop}.nav__links{width:calc(100% / 3);display:flex;justify-content:center;align-items:center;gap:16px}.nav__link{display:flex;justify-content:space-between;align-items:center;list-style-type:none}.nav__link--anchor{color:#fff;font-weight:700;font-size:14px;text-decoration:none;transition:transform .5s ease-in-out}.nav__button{display:flex;justify-content:end;align-items:center;width:calc(100% / 3);position:relative}.nav__button--contact{padding:10px 16px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .5s ease-in-out}.btn__menu,.btn__menu--close{background-color:transparent;border:none;font-size:32px;text-align:center;color:#fff;position:absolute;right:20px;top:15px;padding:8px}.btn__menu--bars{display:none;top:32px;right:36px}.btn__menu--close:hover,.btn__menu--bars:hover{cursor:pointer;animation:float 1s ease-in-out infinite}.menu__backdrop{position:absolute;height:8%;width:35%;right:20px;top:32px;z-index:100;background-color:#1c1c1e47;border-radius:25px;visibility:hidden;opacity:0;display:flex;justify-content:center;align-items:center;transition:all .4s ease-in-out}.menu--open .btn__menu--bars{visibility:hidden;opacity:0;transition:all 1s ease-in-out}.menu--open .menu__backdrop{visibility:visible;opacity:1;transition:all 1s ease-in-out}.menu--open #hero,.menu--open #projects,.menu--open #skills,.menu--open #contact{filter:blur(5px);pointer-events:none}.btn__menu--close #hero,#projects,#skills,#contact{filter:none}.menu__links{display:flex;flex-direction:column;align-items:center;justify-content:center}.menu__list{list-style-type:none;padding:8px}.contact__icon{width:20px;height:20px;position:absolute;top:5;left:90;opacity:0;transform:translate(100%);transition:transform .5s ease-in-out,opacity .5s ease-out;margin-left:-10px}.nav__logo:hover{transform:rotate(360deg) scale(.8)}.nav__link--anchor:hover{animation:float 1s ease-in-out infinite}.nav__button--contact:hover{padding-right:40px;animation:float 1s ease-in-out infinite}.nav__button--contact:hover .contact__icon{opacity:1;transform:translate(75%)}.nav__sidebar{position:relative;display:flex;justify-content:end;align-items:center}.nav__sidebar--icon{width:100%;font-size:32px;position:absolute;top:0;left:0}#hero{width:100%;height:100vh}.wrap__up{height:80vh;display:flex;flex-direction:column;overflow:hidden}.hero__section{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto;box-sizing:border-box}.hero__section figure{flex-grow:1;flex-shrink:0;width:50%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.hero__text{width:40%;display:flex;flex-direction:column;justify-content:center;line-height:1.6;padding-right:20px;box-sizing:border-box}.hero__text--h1{font-size:28px;font-weight:700;margin-bottom:16px}.hero__text--p{font-size:18px}.hero__img{width:100%;max-width:50%;margin:0 auto;display:flex;justify-content:center;align-items:center;padding-top:16px}.hero__img--desk{width:100%;padding:32px}.slider{display:inline-block;justify-content:start;height:32px;pointer-events:none;vertical-align:middle;overflow:hidden;margin-left:8px}.wrapper{display:flex;flex-direction:column;animation:slide 8s infinite cubic-bezier(.19,1,.22,1)}.hero__slider{height:32px;width:100%;display:flex;justify-content:start;align-items:center;gap:8px}.hero__text--icon{height:24px;background-color:#fff;padding:4px;border-radius:50%}.project__button{margin-top:16px}.highlights{display:flex;gap:16px;align-items:center;justify-content:center;width:100%;padding:16px;height:40%}.highlight__wrapper{display:flex;max-height:30vh;flex-direction:column;border:none;border-radius:16px;padding:8px;background:#010914;background:linear-gradient(90deg,#010914,#030314);transition:transform .5s ease-in-out}.highlight__img{width:50px;padding:4px;border-radius:50%}.higlight__text--h1{margin-bottom:8px;color:#faebd7;font-weight:400}.higlight__text--p{font-size:16px}.highlight__wrapper:hover{transform:scale(1.05)!important}.hero__3d--wrapper{width:100%;height:100%;min-height:50vh;position:absolute;top:0;left:0;box-sizing:border-box}#canvas{width:100%!important;height:100%!important;display:block}#projects{width:100%;padding-bottom:60px}.pagination{position:relative;width:100%;padding:32px 0;margin:0 auto}.project__wrapper{width:100%;display:grid;padding:0 16px;gap:16px;margin:0 auto;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(7,1fr)}.main__project{grid-row:3 / 7;grid-column:1 / 5}.small__project1{grid-row:1 / 4;grid-column:5 / 8}.small__project2{grid-row:5 / 8;grid-column:5 / 8}.project__img{width:100%;height:80%;border-radius:16px;box-shadow:0 4px 8px #6407f0f4;transition:transform .5s ease-in-out}.project__img:hover{transform:scale(1.03)}.project__info{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;padding:16px}.leftArrow__pagination,.rightArrow__pagination{position:absolute;top:50%;width:32px;height:32px;z-index:10;filter:invert(1);cursor:pointer}.leftArrow__pagination{left:-5%}.rightArrow__pagination{right:-5%}.header__summary{width:100%;margin:0 auto 50px}.header__summary--icon{width:24px;height:24px;margin-right:8px;display:flex;justify-content:center;align-items:center}.header__short--message{width:40%;display:flex;justify-content:center;align-items:center;padding:8px;border:white 1px solid;border-radius:8px;margin:0 auto}.header__short--description{width:70%;display:flex;justify-content:center;align-items:center;padding:8px;border-radius:8px;margin:0 auto}#skills{width:100%;height:100%;padding:80px 0}.skill__category{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0 auto 32px}.skills__wrapper{width:100%;display:flex;justify-content:center;align-items:center;gap:24px}.skills__info{width:255px;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;animation:float 2s ease-in-out infinite}.skills__icon{width:50px;height:50px;margin-bottom:16px}.contact__section{height:100vh;display:flex;justify-content:center;align-items:center}.contact__wrapper{width:100%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border-radius:32px;padding:24px}.contact__wrapper:hover{transition:box-shadow .5s ease-in-out;box-shadow:0 1px 1px 1px #6407f07c}.contact__form{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact__form--action{width:80%;display:flex;justify-content:center;flex-direction:column}input,textarea{padding:12px 16px;background-color:#1d1c22;border:none;border-radius:8px;color:#c8c4dd;margin-bottom:16px;width:100%;overflow:hidden!important}label{margin-bottom:16px}.contact__details{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.contact__details--info{display:flex;gap:4px}.icon__wrapper{display:flex;justify-content:center;align-items:center;gap:16px;font-size:32px;padding-bottom:24px}.icon__wrapper a{text-decoration:none;color:#fff}.icon__wrapper a:hover{transition:all .2s ease-in-out;transform:scale(1.1);color:#aee6d3}.contact__details--h1{font-size:24px}.contact__details Button{background-color:#aee6d3}.footer__wrapper{display:flex;justify-content:space-between;align-items:center;background-color:#1c1c1e47;border-radius:24px;padding:24px}@keyframes pulseAnimation{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes slide{0%{transform:translateY(.5%)}25%{transform:translateY(-25%)}50%{transform:translateY(-50%)}75%{transform:translateY(-75%)}}@media (max-width: 480px){.hero__text--h1{font-size:16px}.hero__text--p{font-size:10px}.hero__text--h1{font-size:16px!important}}@media (max-width: 600px){.skills__info{background-color:transparent}.skills__info--h1{font-size:10px!important}.skills__icon{width:30px;height:30px}.skill__category{font-size:12px}.highlights{display:flex;flex-direction:column;width:80%;margin:0 auto}.icon__wrapper{font-size:20px}.footer__wrapper{margin-top:32px;font-size:12px}.menu__list{font-size:12px}}@media (max-width: 768px){.btn__menu--bars,.btn__menu--close{font-size:24px}.nav__link--anchor{font-size:12px}.menu__backdrop{height:5%}.nav__links,.nav__button{display:none}.nav__bar--button{display:flex;justify-content:end;align-items:center}.btn__menu--bars{display:flex;top:50px}.hero__section{display:flex;flex-direction:column;justify-content:center;align-items:center}.hero__text{width:75%}.hero__section figure{width:100%;flex-shrink:1}.header__short--message{width:100%}.header__short--description{width:100%;font-size:12px;display:flex;justify-content:center;align-items:center}.skills__info{height:100px;width:100px}.skills__info--h1{font-size:10px!important}.skills__icon{width:30px;height:30px}.skill__category,.higlight__text--h1,.higlight__text--p{font-size:12px}.contact__wrapper{display:flex;flex-direction:column}.contact__form{width:100%}.contact__details{width:100%;display:flex;justify-content:center;align-items:center;margin-top:34px;padding-bottom:24px}.contact__details--info{display:flex;flex-direction:column;justify-content:center;align-items:center}.footer__wrapper{display:flex;flex-direction:column;margin-top:48px;gap:8px}}@media (max-width: 950px){.hero__text--h1{font-size:20px}.hero__text--p{font-size:12px}.skills__info{height:120px;width:120px}.skills__info--h1{font-size:16px}.skills__icon{width:35px;height:35px}.skill__category,.higlight__text--h1{font-size:16px}.higlight__text--p{font-size:14px}.project__wrapper{display:flex;flex-direction:column;padding:24px;gap:32px}.project__title{font-size:16px}.project__info p{font-size:12px}.pagination{padding:24px 10px}.leftArrow__pagination,.rightArrow__pagination{width:24px;height:24px}.main__project,.small__project1,.small__project2{box-shadow:0 4px 8px #6407f0f4}.project__img{box-shadow:none}.contact__details--h1{font-size:16px;display:flex;justify-content:center;align-items:center}}@media (max-width: 1024px){.rightArrow__pagination{right:-1%}.leftArrow__pagination{left:-1%}}