html{box-sizing:border-box;font-size:16px}*,*:before,*:after{box-sizing:inherit;-webkit-text-decoration:none;text-decoration:none}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:normal}ol,ul{list-style:none}a{font-style:normal;outline:none}img{max-width:100%;height:auto}@font-face{font-display:swap;font-family:"Sigmar";font-style:normal;font-weight:400;src:url(/assets/fonts/3586329ac8f5518937f5.woff2) format("woff2"),url(/assets/fonts/f91339e3955c339e762e.ttf) format("truetype")}@font-face{font-display:swap;font-family:"Alkatra";font-style:normal;font-weight:400;src:url(/assets/fonts/b9f7eb9fd2af256bd667.woff2) format("woff2"),url(/assets/fonts/e9154f8ff5deb173b488.ttf) format("truetype")}@font-face{font-display:swap;font-family:"Alkatra";font-style:normal;font-weight:500;src:url(/assets/fonts/a5cfc86fdd3e8a2112af.woff2) format("woff2"),url(/assets/fonts/cb77bbe051edd4c6aee6.ttf) format("truetype")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:300;src:url(/assets/fonts/149e3f0a3e1396ed4e95.woff2) format("woff2"),url(/assets/fonts/34106328977e93ae1e26.ttf) format("truetype")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:400;src:url(/assets/fonts/0734725e85bd666d3eca.woff2) format("woff2"),url(/assets/fonts/2aa31e52c490faaee492.ttf) format("truetype")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:500;src:url(/assets/fonts/e0f72e86db07b080ac80.woff2) format("woff2"),url(/assets/fonts/c704b2e6336f5e853f61.ttf) format("truetype")}html{font-family:"Roboto",sans-serif;color:#000}h1{font-family:"Alkatra",sans-serif;font-size:1.75rem}h2{margin-bottom:.5rem;font-size:1.25rem;font-weight:400}p{margin-bottom:.25rem;font-weight:300}@media(min-width: 576px){h2{font-size:1.5rem}p{font-size:1.125rem}}@media(min-width: 768px){h1{font-size:2.25rem}}@media(min-width: 1024px){h1{font-size:2.75rem}h2{margin-bottom:1rem}}body{background-color:#fff}.navbar{position:fixed;top:0;z-index:100;display:flex;justify-content:flex-start;align-items:center;width:100%;max-width:1200px;padding:10px 10px;margin:0 auto;background-color:rgba(0,0,0,0);transition:.3s}.navbar__logo{margin-left:10px;color:#2a8200;-webkit-text-stroke:1px rgba(0,0,0,0);font-family:"Sigmar",sans-serif;font-size:2.125rem;text-transform:uppercase;letter-spacing:3px;transition:.3s;z-index:110}.navbar__btn{position:relative;width:44px;height:44px;padding:0;border:none;background-color:rgba(0,0,0,0);text-align:center;z-index:110;cursor:pointer}.navbar__btn.remind{animation:burger-beat 4.8s infinite}.navbar__btn__burger,.navbar__btn__close{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:.3s .2s cubic-bezier(0.51, -1.73, 0.49, 2.73)}.navbar__btn__burger__inside,.navbar__btn__close__inside{fill:#2a8200;stroke:#fff;transition:.3s .3s, fill .3s}.navbar__btn__burger{width:30px}.navbar__btn__close{width:0}.navbar.active .navbar__logo{-webkit-text-stroke-color:#fff}.navbar.active .navbar__btn__close__inside,.navbar.active .navbar__btn__burger__inside{fill:#fff;stroke:#56a630}.navbar.active .navbar__btn__burger{width:0}.navbar.active .navbar__btn__close{width:30px}@media(min-width: 768px)and (orientation: portrait),(min-width: 1024px){.navbar{padding:20px 20px}.navbar__logo{margin-left:50px;font-size:3rem}.navbar__btn{width:50px;height:50px}.navbar__btn__burger{width:42px}.navbar__btn__close{width:0}.navbar.active .navbar__btn__burger{width:0}.navbar.active .navbar__btn__close{width:42px}}@media(min-width: 1280px){.navbar{padding:20px 0}}@media(hover: hover){.navbar__logo:hover,.navbar__logo:focus-visible{-webkit-text-stroke-color:#f60}.navbar.active .navbar__logo:hover,.navbar.active .navbar__logo:focus-visible{-webkit-text-stroke-color:#f60}.navbar__btn:hover .navbar__btn__burger__inside,.navbar__btn:hover .navbar__btn__close__inside,.navbar__btn:focus-visible .navbar__btn__burger__inside,.navbar__btn:focus-visible .navbar__btn__close__inside{fill:#f60}}.container{max-width:1200px;margin:0 auto;overflow-x:hidden}.container .bubble{position:fixed;z-index:-1;background-color:#56a630;opacity:.4}.container .bubble--big{left:2%;top:-30%;width:60%;height:40%;border-radius:50% 50% 50% 50%/50% 50% 50% 50%;transform-origin:100% 100%;animation:bubble-rotate 40s linear infinite,bubble-shape 12s ease-in infinite}.container .bubble--small{right:2%;bottom:-10%;width:50%;height:30%;border-radius:50% 50% 50% 50%/50% 50% 50% 50%;transform-origin:0 0;animation:bubble-rotate 50s linear infinite,bubble-shape 10s ease-out infinite}@media(orientation: landscape){.container .bubble--big{width:40%;height:60%}.container .bubble--small{width:30%;height:50%}}@media(min-width: 1366px){.container{overflow-x:initial}}.main{padding:0 5px}.main .project{position:relative;display:grid;grid-template-areas:"header" "details" "pictures";align-content:start;gap:1.5rem;min-height:100vh;padding-top:60px}.main .project__header{grid-area:header;display:flex;justify-content:center;align-items:center;padding:60px 30px 55px;margin-bottom:.5rem;border-radius:55% 45% 65% 35%/55% 45% 55% 45%;background-color:#56a630;color:#fff;letter-spacing:1px;text-align:center;animation:bubble-header 8s cubic-bezier(0.74, 0.01, 0.65, 0.96) infinite both}.main .project__details{grid-area:details;position:relative;padding:0 10px;color:#000}.main .project__details__desc,.main .project__details__tech{margin-bottom:1.5rem;line-height:1.5}.main .project__details__links{display:flex;flex-wrap:wrap}.main .project__details__links h2{display:block;width:100%}.main .project__details__links__container{display:flex}.main .project__link{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;z-index:4;width:50px;height:50px;padding:0;margin-right:5px;border:1px solid #56a630;border-radius:43% 57% 50% 50%/43% 45% 55% 57%;background-color:#fff;color:#56a630;overflow:hidden;transition:.2s}.main .project__link--config{animation:bubble-link 4.5s 1s infinite both}.main .project__link--preview{animation:bubble-link 5s 3s infinite both}.main .project__link--github{animation:bubble-link 4s 2s infinite both}.main .project__link .svg path{transition:.2s}.main .project__link:active{animation-play-state:paused;background-color:#f60}.main .project__pictures{grid-area:pictures;position:relative;width:100%}.main .project__pictures__img{position:absolute;border-radius:5px;box-shadow:0 1px 4px 1px #1b5500;transform:scale(0);transition:opacity .1s .2s ease-in, transform .4s .2s cubic-bezier(0.1, 0, 0, 2)}.main .project__pictures__img--d{width:90%;right:10px;top:0;z-index:1}.main .project__pictures__img--t{width:40%;left:5%;top:30%;z-index:2}.main .project__pictures__img--m{width:19%;left:10px;bottom:0;z-index:3}.main .project__pictures__img.shown{transform:scale(1)}.main .welcome{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:100vh;padding:60px 0 2vh}.main .welcome__slider{position:relative;width:100%;aspect-ratio:1;max-height:100%;margin:0 auto;border-radius:44% 56% 34% 66%/59% 35% 65% 41%;overflow:hidden;animation:bubble-welcome 20s linear infinite both}.main .welcome__slider__item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:1s linear}.main .welcome__slider__item.hidden{display:none}.main .welcome__slider__item.visible{opacity:1}.main .welcome__slider__item__img{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%, -50%)}@media(orientation: portrait){.main .welcome__slider{aspect-ratio:360/760}}@media(orientation: portrait)and (min-width: 441px){.main .welcome__slider{aspect-ratio:768/1024}}@media(orientation: portrait)and (min-width: 841px){.main .welcome__slider{aspect-ratio:1200/1080}}@media(orientation: landscape){.main .welcome__slider{aspect-ratio:760/360}}@media(orientation: landscape)and (min-width: 768px)and (max-aspect-ratio: 4/3){.main .welcome__slider{aspect-ratio:1024/768}}@media(orientation: landscape)and (min-width: 1025px){.main .welcome__slider{aspect-ratio:1024/768}}@media(orientation: landscape)and (min-width: 1025px){.main .welcome__slider{aspect-ratio:1200/1080}}@media(min-width: 576px){.main{padding:0 10px}}@media(min-width: 768px){.main{padding:0 20px}.main .project{padding-top:90px}.main .welcome{padding-top:90px}}@media(min-width: 1024px){.main .project{grid-template-columns:1fr 1fr;grid-template-areas:"header header" "details pictures" ". pictures";row-gap:3rem}.main .project__details{padding-left:20px;padding-right:0}.main .project__details__desc,.main .project__details__tech{margin-bottom:2rem}.main .project__pictures__img--d{right:20px}.main .project__pictures__img--t{left:3%}.main .project__pictures__img--m{left:0}.main .welcome{flex-direction:column;justify-content:center}}@media(min-width: 1280px){.main{padding:0}}@media(hover: hover){.main .project__link:hover:not(:active),.main .project__link:focus-visible:not(:active){animation-play-state:paused}.main .project__link:hover:not(:active) .svg path,.main .project__link:focus-visible:not(:active) .svg path{fill:#f60}}.menu{position:fixed;top:-150vh;left:0;right:0;z-index:99;display:flex;height:100vh;padding:80px 10px 40px;border-radius:100% 0% 100% 0%/0% 100% 0% 100%;background-color:#56a630;overflow:hidden;transition:.3s linear, border-radius .3s .3s cubic-bezier(0.8, -5, 0, 5)}.menu__list{display:flex;flex-direction:column;justify-content:flex-start;align-items:start;width:100%;overflow:hidden;overflow-y:auto}.menu__list::-webkit-scrollbar{display:block;width:4px}.menu__list::-webkit-scrollbar-thumb{background:#2a8200;border-radius:2px}.menu__list::-webkit-scrollbar-track{background:#fff;border-radius:2px;box-shadow:none}.menu__item{width:100%;padding:0 1rem;text-align:center}.menu__item__link{display:none;padding:10px 0;font-family:"Alkatra",sans-serif;color:#fff;font-size:1.25rem;font-weight:400;line-height:1.25;transition:.2s}.menu.active{top:0;border-radius:100% 0% 100% 0%/1% 95% 5% 99%;overflow-y:auto}.menu.active .menu__item__link{display:block}@media(min-width: 768px)and (orientation: portrait),(min-width: 1024px){.menu{padding:120px 20px 40px}.menu__item__link{font-size:1.75rem}}@media(hover: hover){.menu.active .menu__item__link:hover,.menu.active .menu__item__link:focus-visible{color:#f60}}.footer{display:flex;flex-wrap:wrap;justify-content:center;padding:20px 10px 10px;margin-top:40px;border-top:2px solid #56a630;border-radius:40% 60% 17% 19%/40% 60% 40% 60%;background-color:#fff;font-size:.875rem;text-align:center;line-height:1.5}.footer a,.footer p{padding:12px 5px;margin:0}.footer a{display:block;color:#000;transition:.3s}.footer a:focus-visible{color:#f60}.footer p{font-size:inherit;font-weight:400}@media(min-width: 1200px){.footer{margin:60px 10px 0;font-size:1rem}}@media(min-width: 1280px){.footer{margin:60px 0 0}}@media(hover: hover){.footer a:hover{color:#f60}}.loader{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;background-color:#fff;opacity:0;transition:opacity .3s}.loader [hidden]{display:none}.loader.active{opacity:1}.loader .loader-bubble{position:fixed;background-color:#56a630;opacity:.7}.loader .loader-bubble--big,.loader .loader-bubble--small{transform:translate(-50%, -50%);border-radius:50%}.loader .loader-bubble--big{left:50%;top:50%;width:60px;height:60px;transform-origin:0 20%;animation:loader-bubble-rotate 2.5s linear infinite,loader-bubble-shape 2s ease-in infinite}.loader .loader-bubble--small{right:50%;bottom:50%;width:50px;height:50px;transform-origin:80% 80%;animation:loader-bubble-rotate 3.5s linear infinite reverse,loader-bubble-shape 3.5s ease-out infinite reverse}@keyframes burger-beat{0%{transform:scale(1, 1)}40%{transform:scale(1, 1)}42%{transform:scale(1.1, 1.1)}44%{transform:scale(1, 1)}46%{transform:scale(1, 1)}48%{transform:scale(1.3, 1.3)}50%{transform:scale(1, 1)}100%{transform:scale(1, 1)}}@keyframes bubble-welcome{0%{border-radius:43% 57% 50% 50%/43% 45% 55% 57%}25%{border-radius:50% 50% 64% 36%/56% 52% 48% 44%}50%{border-radius:43% 57% 50% 50%/43% 45% 55% 57%}75%{border-radius:57% 43% 56% 44%/47% 42% 58% 53%}100%{border-radius:43% 57% 50% 50%/43% 45% 55% 57%}}@keyframes bubble-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes bubble-shape{0%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}33%{border-radius:34% 66% 70% 30%/40% 30% 70% 60%}66%{border-radius:20% 80% 20% 80%/20% 80% 20% 80%}100%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}}@keyframes bubble-header{0%{border-radius:35% 65% 55% 45%/55% 50% 50% 45%}50%{border-radius:65% 35% 45% 55%/50% 55% 45% 50%}100%{border-radius:35% 65% 55% 45%/55% 50% 50% 45%}}@keyframes bubble-link{0%{border-radius:43% 57% 50% 50%/43% 45% 55% 57%}50%{border-radius:62% 38% 58% 42%/53% 38% 62% 47%}100%{border-radius:43% 57% 50% 50%/43% 45% 55% 57%}}@keyframes loader-bubble-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes loader-bubble-shape{0%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}33%{border-radius:80% 20% 83% 17%/82% 18% 82% 18%}66%{border-radius:57% 43% 39% 61%/56% 59% 41% 44%}100%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}}