@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);body.light-mint{--app-background:#f9fefd;--subtle-background:#f2fbf9;--item:#ddf9f2;--item-hover:#c8f4e9;--item-active:#b3ecde;--static-border:#9ce0d0;--interactive-border:#7ecfbd;--active-border:#4cbba5;--action:#86ead4;--action-hover:#7de0cb;--low-text:#027864;--high-text:#16433c;--button-text:#000;--transparent-background:rgba(249 254 253 0.6)}body.dark-mint{--app-background:#0e1515;--subtle-background:#0f1b1b;--item:#092c2b;--item-hover:#003a38;--item-active:#004744;--static-border:#105650;--interactive-border:#1e685f;--active-border:#277f70;--action:#86ead4;--action-hover:#a8f5e5;--low-text:#58d5ba;--high-text:#c4f5e1;--button-text:#000;--transparent-background:rgba(14 21 21 0.6)}body.dark-jade{--app-background:#0d1512;--subtle-background:#121c18;--item:#0f2e22;--item-hover:#0b3b2c;--item-active:#114837;--static-border:#1b5745;--interactive-border:#246854;--active-border:#2a7e68;--action:#29a383;--action-hover:#27b08b;--low-text:#1fd8a4;--high-text:#adf0d4;--button-text:#fff;--transparent-background:rgba(13 21 18 0.6)}body.light-jade{--app-background:#fbfefd;--subtle-background:#f4fbf7;--item:#e6f7ed;--item-hover:#d6f1e3;--item-active:#c3e9d7;--static-border:#acdec8;--interactive-border:#8bceb6;--active-border:#56ba9f;--action:#29a383;--action-hover:#26997b;--low-text:#208368;--high-text:#1d3b31;--button-text:#fff;--transparent-background:rgba(13 21 18 0.6)}body.light-ruby{--app-background:#fffcfd;--subtle-background:#fff7f8;--item:#feeaed;--item-hover:#ffdce1;--item-active:#ffced6;--static-border:#f8bfc8;--interactive-border:#efacb8;--active-border:#e592a3;--action:#e54666;--action-hover:#dc3b5d;--low-text:#ca244d;--high-text:#64172b;--button-text:#fff;--transparent-background:rgba(255 252 253 0.6)}body.dark-ruby{--app-background:#191113;--subtle-background:#1e1517;--item:#3a141e;--item-hover:#4e1325;--item-active:#5e1a2e;--static-border:#6f2539;--interactive-border:#883447;--active-border:#b3445a;--action:#e54666;--action-hover:#ec5a72;--low-text:#ff949d;--high-text:#fed2e1;--button-text:#fff;--transparent-background:rgba(25 17 19 0.6)}body.dark-amber{--app-background:#16120c;--subtle-background:#1d180f;--item:#302008;--item-hover:#3f2700;--item-active:#4d3000;--static-border:#5c3d05;--interactive-border:#714f19;--active-border:#8f6424;--action:#ffc53d;--action-hover:#ffd60a;--low-text:#ffca16;--high-text:#ffe7b3;--button-text:#000;--transparent-background:rgba(25 17 19 0.6)}body.light-amber{--app-background:#fefdfb;--subtle-background:#fefbe9;--item:#fff7c2;--item-hover:#ffee9c;--item-active:#fbe577;--static-border:#f3d673;--interactive-border:#e9c162;--active-border:#e2a336;--action:#ffc53d;--action-hover:#ffba18;--low-text:#ab6400;--high-text:#4f3422;--button-text:#000;--transparent-background:rgba(25 17 19 0.6)}body.light-indigo{--app-background:#fdfdfe;--subtle-background:#f7f9ff;--item:#edf2fe;--item-hover:#e1e9ff;--item-active:#d2deff;--static-border:#c1d0ff;--interactive-border:#abbdf9;--active-border:#8da4ef;--action:#3e63dd;--action-hover:#3358d4;--low-text:#3a5bc7;--high-text:#1f2d5c;--button-text:#fff;--transparent-background:rgba(253 253 254 0.6)}body.dark-indigo{--app-background:#11131f;--subtle-background:#141726;--item:#182449;--item-hover:#1d2e62;--item-active:#253974;--static-border:#304384;--interactive-border:#3a4f97;--active-border:#435db1;--action:#3e63dd;--action-hover:#5472e4;--low-text:#9eb1ff;--high-text:#d6e1ff;--button-text:#fff;--transparent-background:rgba(17 19 31 0.6)}body.light-olive{--app-background:#fcfdfc;--subtle-background:#f8faf8;--item:#eff1ef;--item-hover:#e7e9e7;--item-active:#dfe2df;--static-border:#d7dad7;--interactive-border:#cccfcc;--active-border:#b9bcb8;--action:#898e87;--action-hover:#7f847d;--low-text:#60655f;--high-text:#1d211c;--button-text:#fff;--transparent-background:rgba(252 253 252 0.6)}body.dark-olive{--app-background:#111210;--subtle-background:#181917;--item:#212220;--item-hover:#282a27;--item-active:#2f312e;--static-border:#383a36;--interactive-border:#454843;--active-border:#5c625b;--action:#687066;--action-hover:#767d74;--low-text:#afb5ad;--high-text:#eceeec;--button-text:#fff;--transparent-background:rgba(17 18 16 0.6)}@media (prefers-reduced-motion:no-preference){.--translating{animation-duration:.2s;animation-name:translating;animation-timing-function:linear}.settings-modal{animation-duration:.2s;animation-name:settings-modal-animation;animation-timing-function:linear;transform-origin:0}.projects__content__list__card{animation-timeline:view();animation-range-start:entry;animation-range-end:entry 240px;animation-timing-function:linear}.projects__content__list__card:first-child{animation-name:first-project}.projects__content__list__card:nth-child(2){animation-name:second-project}.projects__content__list__card:nth-child(3){animation-name:third-project}}.header{align-items:center;box-sizing:border-box;display:flex;justify-content:flex-end;left:50%;padding:48px 64px 16px;position:fixed;top:0;transform:translateX(-50%);transition:all .1s linear;width:100vw;z-index:10}@media screen and (max-width:768px){.header{align-items:center;left:0;padding:16px;transform:none}}.header.header--locked{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:var(--transparent-background);border-bottom:1px solid var(--static-border);box-shadow:0 0 8px var(--static-border);padding:8px 64px;transition:all .2s linear}@media screen and (max-width:768px){.header.header--locked{padding:8px 16px}.header.header--locked .header__logo{font-size:32px}}@media screen and (min-width:769px){.header.header--locked .header__nav__menu__element:before{background-color:var(--item);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .2s ease;width:100%;z-index:-2}.header.header--locked:hover .header__nav__menu__element:before{opacity:100%}}.header .header__logo{font-family:Space Mono;font-size:40px;margin-right:auto;transition:all .2s linear}@media screen and (max-width:768px){.header .header__logo{order:1}}.header .header__logo a{text-decoration:none}@media screen and (max-width:768px){.header .header__nav{align-items:center;display:flex;height:100%;justify-content:flex-end;order:3;position:relative}}.header .header__nav .header__nav__opener{display:none}@media screen and (max-width:768px){.header .header__nav .header__nav__opener{align-items:center;background-color:initial;border-radius:50%;box-sizing:border-box;display:block;display:flex;height:40px;justify-content:center;padding:8px;transition:all .2s ease-out;width:40px;z-index:30}.header .header__nav .header__nav__opener>svg{color:var(--high-text);height:24px;opacity:100%;transition:all .2s linear;width:24px}.header .header__nav .header__nav__opener.--changing>svg{opacity:0;scale:0}.header .header__nav .header__nav__opener:active,.header .header__nav .header__nav__opener:hover{background-color:initial}}.header .header__nav .header__nav__menu{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:repeat(5,auto);list-style-type:none;margin:0;padding:0}@media screen and (max-width:768px){.header .header__nav .header__nav__menu{grid-template-columns:1fr;position:absolute;top:44px;transition:all .3s ease-out;width:128px}.header .header__nav .header__nav__menu.--close{grid-template-rows:repeat(auto-fit,40px);height:100vh;padding:64px 16px 16px;right:-200px;top:-16px}.header .header__nav .header__nav__menu.--open{background-color:var(--item);border-left:1px solid var(--static-border);box-shadow:0 0 8px var(--static-border);grid-template-rows:repeat(auto-fit,40px);height:100vh;padding:80px 16px 16px;right:-16px;top:-26px;z-index:30}}.header .header__nav .header__nav__menu .header__nav__menu__element{border-radius:8px;cursor:pointer;overflow:hidden;position:relative;text-align:center;transition:all .1s ease}@media screen and (max-width:768px){.header .header__nav .header__nav__menu .header__nav__menu__element{text-align:left}.header .header__nav .header__nav__menu .header__nav__menu__element a{box-sizing:border-box;width:100%}}.header .header__nav .header__nav__menu .header__nav__menu__element:hover:after{animation-delay:0ms;animation-duration:.2s;animation-fill-mode:forwards;animation-name:element-click;animation-timing-function:ease-out;background-color:var(--item-hover);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:-1}.header .header__nav .header__nav__menu .header__nav__menu__element:active{background-color:var(--item-active)}.header .header__nav .header__nav__menu .header__nav__menu__element a{display:inline-block;padding:8px;text-decoration:none}.header .toggle-button{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;margin-left:11px;padding:0;transition:all .4s linear;width:32px}@media screen and (max-width:768px){.header .toggle-button{margin-left:8px}}.header .header__nav-background{display:none}@media screen and (max-width:768px){.header:has(.header__nav__menu) .header__nav-background{background-color:var(--subtle-background);display:none;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:all .2s linear;width:100vw}.header:has(.header__nav__menu.--open) .header__nav-background{opacity:80%}}.header:has(+.links) .header__nav .header__nav__menu .header__nav__menu__element{display:none}.header--locked:hover .settings-button{background-color:var(--item)}.header--locked:hover .settings-button:hover{background-color:var(--item-hover)}.header--locked:hover .settings-button:active{background-color:var(--item-active)}.settings-button{background-color:initial;border-radius:50%;color:var(--high-text);height:32px;padding:0;width:32px}.settings-button:hover{background-color:var(--item-hover)}.settings-button:active{background-color:var(--item-active)}.settings-button svg{height:20px;width:20px}@media screen and (max-width:768px){.settings-button{order:2;right:16px;top:32px}}footer{align-items:center;display:flex;height:200px;justify-content:center;margin-top:100px;padding:0 32px;text-align:center}@media (prefers-reduced-motion:no-preference){@keyframes element-click{0%{left:-100%;opacity:0}to{left:0;opacity:100%}}@keyframes text-fade-in{to{opacity:1;scale:1;translate:0 0}}@keyframes fade-out{50%,to{opacity:0;translate:0 -40px}}@keyframes hero-background-animation{85%,to{opacity:0;scale:3}}@keyframes image-fade-in{to{opacity:1;scale:1}}@keyframes background-fade-in{to{opacity:32%;translate:0 0}}@keyframes story-timeline{0%{left:100%}to{left:0}}@keyframes interactive-element-pop-up{to{scale:1}}@keyframes skills-headers-pop-up{0%{translate:0 96px}40%,60%{translate:0 -32px}80%{translate:0 16px}to{translate:0 0}}@keyframes first-project{0%{opacity:0;scale:.6;translate:320px 80px}to{opacity:80%;scale:.9;translate:160px 0}}@keyframes second-project{0%{opacity:0;scale:.7;translate:0 80px}to{opacity:100%;scale:1;translate:0 0}}@keyframes third-project{0%{opacity:0;scale:.6;translate:-320px 80px}to{opacity:80%;scale:.9;translate:-160px 0}}@keyframes settings-modal-animation{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes translating{0%{filter:blur(0);opacity:1}25%,75%{filter:blur(16px);opacity:.8}90%,to{filter:blur(0);opacity:1}}.--translating{animation-duration:.2s;animation-name:translating;animation-timing-function:linear}.settings-modal{animation-duration:.2s;animation-name:settings-modal-animation;animation-timing-function:linear;transform-origin:0}.projects__content__list__card{animation-timeline:view();animation-range-start:entry;animation-range-end:entry 240px;animation-timing-function:linear}.projects__content__list__card:first-child{animation-name:first-project}.projects__content__list__card:nth-child(2){animation-name:second-project}.projects__content__list__card:nth-child(3){animation-name:third-project}}@media screen and (prefers-reduced-motion:no-preference) and (min-width:769px){.skills__content__headers__element{animation-timeline:view();animation-fill-mode:forwards;animation-name:skills-headers-pop-up;animation-timing-function:linear}.skills__content__headers__element:first-child{animation-range-end:entry 288px;animation-range-start:entry -96px}.skills__content__headers__element:nth-child(2){animation-range-end:entry 320px;animation-range-start:entry -64px}.skills__content__headers__element:nth-child(3){animation-range-end:entry 352px;animation-range-start:entry -32px}.skills__content__headers__element:nth-child(4){animation-range-end:entry 384px;animation-range-start:entry 0}}@media (prefers-reduced-motion:no-preference){.--interactive-element-pop-up{animation-timeline:view();animation-range-start:entry 150px;animation-range-end:entry 300px;animation-fill-mode:forwards;animation-name:interactive-element-pop-up;scale:0}.--item-pop-up{animation-timeline:view();animation-range-start:entry 20px;animation-range-end:entry 120px;animation-fill-mode:forwards;animation-name:interactive-element-pop-up;scale:0}.story__content__timeline{animation-timeline:view();animation-range-start:entry;animation-range-end:entry 240px;animation-name:story-timeline;animation-timing-function:ease-out}.--background-fade-in{animation-timeline:view();animation-range:entry;animation-fill-mode:forwards;animation-name:background-fade-in;translate:0 80px}.hero__background{animation-timeline:view();animation-range:exit;animation-name:hero-background-animation}.--animated{animation-delay:0ms;animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:ease-out}.--text-fade-in{animation-name:text-fade-in;opacity:0;translate:0 240px}.--image-fade-in{animation-name:image-fade-in;opacity:0;scale:.8}.--view-animated{animation-timeline:view();animation-timing-function:linear}.--fade-out{animation-name:fade-out}.--exit-view{animation-range:exit -200px;transform-origin:top}.--entry-text{animation-range-end:entry 240px}.--entry-item,.--entry-text{animation-range-start:entry 20px;animation-fill-mode:forwards}.--entry-item{animation-range-end:entry 120px}.--entry-picture{animation-range-start:entry 20%;animation-range-end:entry;animation-fill-mode:forwards}}.hero{align-items:center;display:flex;height:100vh;justify-content:flex-start;overflow:hidden;position:relative}.hero .hero__content{align-items:flex-start;display:flex;flex-direction:column;gap:32px;justify-content:center;max-width:600px}.hero .hero__content .hero__content__action{margin-top:32px}.hero .hero__content .hero__content__action a{text-decoration:none}.hero .hero__background{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:16%;position:absolute;width:100%;z-index:-2}.story{align-items:flex-start;display:flex;flex-direction:column;gap:64px;overflow:hidden;position:relative}.story .story__background{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:100%;position:absolute;top:0;width:100%;z-index:-2}.story .story__background:after{background-color:var(--action);content:"";height:100%;left:0;opacity:32%;position:absolute;top:0;width:100%}.story .story__title{z-index:2}.story .story__content{height:320px;position:relative;width:100%}@media screen and (max-width:768px){.story .story__content{height:400px}}.story .story__content__timeline{align-items:flex-start;display:flex;flex-direction:row;gap:64px;left:0;position:absolute;top:0;transition:all .3s ease-out}@media screen and (max-width:768px){.story .story__content__timeline{height:400px}}.story .story__content__timeline .story__content__timeline__card>*{transition:all .1s ease}.story .story__content__timeline.story__content__timeline--moving .story__content__timeline__card>*{filter:blur(4px)}.story .story__content__timeline .story__content__timeline__card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--transparent-background);border:1px solid var(--static-border);border-radius:8px;box-shadow:0 0 8px var(--static-border);box-sizing:border-box;display:flex;flex-direction:column;gap:32px;height:100%;padding:32px;width:480px}@media screen and (max-width:768px){.story .story__content__timeline .story__content__timeline__card{width:90vw}}.story .story__content__timeline .story__content__timeline__card .story__content__timeline__card__content{display:flex;gap:32px}@media screen and (max-width:768px){.story .story__content__timeline .story__content__timeline__card .story__content__timeline__card__content{flex-direction:column}}.story .story__content__timeline .story__content__timeline__card .story__content__timeline__card__content .story__content__timeline__card__content__picture{width:120px}.story .story__content__timeline .story__content__timeline__card .story__content__timeline__card__content .story__content__timeline__card__content__picture svg{fill:var(--action);transition:all .2s linear}@media screen and (max-width:768px){.story .story__content__timeline .story__content__timeline__card .story__content__timeline__card__content .story__content__timeline__card__content__picture{display:flex;justify-content:center;width:100%}.story .story__content__timeline .story__content__timeline__card .story__content__timeline__card__content .story__content__timeline__card__content__picture img{width:80px}}.story .story__navigation{border-radius:50%;height:48px;padding:initial;position:absolute;top:50%;transform:translateY(-50%);width:48px}.story .story__navigation.story__navigation--previous{left:32px}.story .story__navigation.story__navigation--next{right:32px}.story .story__navigation svg{height:24px;width:24px}@media screen and (max-width:768px){.story .story__navigation{height:40px;width:40px}.story .story__navigation.story__navigation--previous{left:8px}.story .story__navigation.story__navigation--next{right:8px}.story .story__navigation svg{height:20px;width:20px}}.skills{align-items:center;display:flex;flex-direction:column;gap:64px;margin:0 auto 32px;max-width:960px;min-height:500px}@media screen and (max-width:768px){.skills{min-height:900px}}.skills .skills__content{align-items:center;display:flex;flex-direction:column;width:100%}.skills .skills__content .skills__content__headers{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,auto);width:100%}.skills .skills__content .skills__content__headers .skills__content__headers__element{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--transparent-background);border-left:1px solid var(--interactive-border);border-right:1px solid var(--interactive-border);border-top:1px solid var(--interactive-border);border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 0 8px var(--interactive-border);color:var(--low-text);cursor:pointer;display:flex;gap:8px;justify-content:center;padding:8px 0;transition:all .2s ease;z-index:1}.skills .skills__content .skills__content__headers .skills__content__headers__element:hover{background-color:var(--item-hover)}.skills .skills__content .skills__content__headers .skills__content__headers__element:active{background-color:var(--item-active)}.skills .skills__content .skills__content__headers .skills__content__headers__element.--current{background-color:var(--subtle-background)}.skills .skills__content .skills__content__headers .skills__content__headers__element.--covered{transform:translateY(8px);z-index:1}.skills .skills__content .skills__content__headers .skills__content__headers__element img{width:32px}@media screen and (max-width:768px){.skills .skills__content .skills__content__headers .skills__content__headers__element.--covered>span{display:none}}.skills .skills__content .skills__content__descriptions{position:relative;width:100%}.skills .skills__content .skills__content__descriptions .skills__content__descriptions__element{grid-gap:32px;background-color:var(--subtle-background);border:1px solid var(--interactive-border);border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-sizing:border-box;display:grid;gap:32px;grid-template-areas:"logo title" "logo text";left:0;padding:32px;position:absolute;top:0;transition:all .2s ease;width:100%}.skills .skills__content .skills__content__descriptions .skills__content__descriptions__element.--current{box-shadow:0 0 8px var(--interactive-border);z-index:2}.skills .skills__content .skills__content__descriptions .skills__content__descriptions__element.--covered{opacity:0;z-index:1}.skills .skills__content .skills__content__descriptions .skills__content__descriptions__element.--changing>*{filter:blur(8px)}.skills .skills__content .skills__content__descriptions .skills__content__descriptions__element .skills__content__descriptions__element__img{grid-area:logo;width:160px}@media screen and (max-width:768px){.skills .skills__content .skills__content__descriptions .skills__content__descriptions__element .skills__content__descriptions__element__img{justify-self:center;width:120px}}.skills .skills__content .skills__content__descriptions .skills__content__descriptions__element .skills__content__descriptions__element__title{grid-area:title}.skills .skills__content .skills__content__descriptions .skills__content__descriptions__element .skills__content__descriptions__element__text{grid-area:text}@media screen and (max-width:768px){.skills .skills__content .skills__content__descriptions .skills__content__descriptions__element{grid-template-areas:"title" "logo" "text"}}.projects{grid-gap:64px;display:grid;gap:64px;min-height:600px;position:relative}@media screen and (max-width:768px){.projects{gap:32px}}.projects .projects__background{background-position:top;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-2}.projects .projects__background:after{background-color:var(--action);content:"";height:100%;left:0;opacity:32%;position:absolute;top:0;width:100%}.projects .projects__title{text-align:center}@media screen and (max-width:768px){.projects .projects__title{text-align:left}}.projects .projects__content{position:relative}@media screen and (min-width:769px){.projects .projects__content{height:584px}}.projects .projects__content .projects__content__list{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}@media screen and (min-width:769px){.projects .projects__content .projects__content__list{left:50%;position:absolute;top:0;transform:translateX(-50%)}}@media screen and (max-width:768px){.projects .projects__content .projects__content__list{grid-template-columns:1fr}}.projects .projects__content .projects__content__list .projects__content__list__card{grid-gap:16px;background-color:var(--subtle-background);border:1px solid var(--static-border);border-radius:8px;box-shadow:0 0 8px var(--interactive-border);box-sizing:border-box;display:grid;filter:blur(0);gap:16px;padding:0 0 32px;transition:all .3s ease-out;z-index:2}@media screen and (max-width:768px){.projects .projects__content .projects__content__list .projects__content__list__card{gap:8px;padding:0 0 16px}}@media screen and (min-width:769px){.projects .projects__content .projects__content__list .projects__content__list__card{translate:-14%!important;width:140%}.projects .projects__content .projects__content__list .projects__content__list__card.--opening{opacity:100%!important;scale:1!important;transition:all .1s linear;z-index:3!important}.projects .projects__content .projects__content__list .projects__content__list__card.--opening>button,.projects .projects__content .projects__content__list .projects__content__list__card.--opening>h2,.projects .projects__content .projects__content__list .projects__content__list__card.--opening>h4,.projects .projects__content .projects__content__list .projects__content__list__card.--opening>img,.projects .projects__content .projects__content__list .projects__content__list__card.--opening>p{opacity:0;transition:all 1s linear}.projects .projects__content .projects__content__list .projects__content__list__card:first-child{filter:blur(0);opacity:80%;scale:.9;translate:160px 0;z-index:1}.projects .projects__content .projects__content__list .projects__content__list__card:first-child:hover{filter:blur(0);opacity:100%;scale:1;z-index:3}.projects .projects__content .projects__content__list .projects__content__list__card:first-child:hover+.projects__content__list__card{filter:blur(0);opacity:80%;scale:.9;z-index:2}.projects .projects__content .projects__content__list .projects__content__list__card:first-child:hover+.projects__content__list__card+.projects__content__list__card{filter:blur(0);opacity:40%;scale:.8}.projects .projects__content .projects__content__list .projects__content__list__card:first-child:has(+.projects__content__list__card+.projects__content__list__card:hover){filter:blur(0);opacity:40%;scale:.8}.projects .projects__content .projects__content__list .projects__content__list__card:nth-child(2):has(+.projects__content__list__card:hover){filter:blur(0);opacity:80%;scale:.9;z-index:1}.projects .projects__content .projects__content__list .projects__content__list__card:nth-child(3){filter:blur(0);opacity:80%;scale:.9;translate:-160px 0;z-index:1}.projects .projects__content .projects__content__list .projects__content__list__card:nth-child(3):hover{filter:blur(0);opacity:100%;scale:1;z-index:2}}.projects .projects__content .projects__content__list .projects__content__list__card button,.projects .projects__content .projects__content__list .projects__content__list__card h4,.projects .projects__content .projects__content__list .projects__content__list__card p{margin:0 32px}.projects .projects__content .projects__content__list .projects__content__list__card .projects__content__list__card__picture{aspect-ratio:1/1;border-top-left-radius:8px;border-top-right-radius:8px;grid-column:1/2;grid-row:1/2;object-fit:cover;width:100%}.projects .projects__content .projects__content__list .projects__content__list__card .projects__content__list__card__title{align-self:end;background:linear-gradient(to top,var(--subtle-background) 25%,#0000);grid-column:1/2;grid-row:1/2;padding:16px 32px 0}.projects .projects__content .projects__content__list .projects__content__list__card .projects__content__list__card__action{margin-top:16px}.ReactModal__Overlay{background-color:initial!important;z-index:100}.project-modal{grid-gap:32px;background:var(--subtle-background);border:1px solid var(--static-border);border-radius:8px;box-shadow:0 0 15px var(--static-border);box-sizing:border-box;color:var(--high-text);display:grid;gap:32px;grid-template-areas:"modal-image modal-title modal-title" "modal-image modal-subtitle modal-date" "modal-image modal-description modal-description" "modal-image modal-type modal-technologies" "modal-image modal-functionalities modal-functionalities";grid-template-columns:3fr 2fr 2fr;opacity:0;padding:64px;position:fixed;text-align:center;transition:all .2s linear}@media screen and (max-width:768px){.project-modal{grid-template-areas:"modal-title modal-title modal-title modal-close" "modal-image modal-image modal-image modal-image" "modal-subtitle modal-subtitle modal-date modal-date" "modal-description modal-description modal-description modal-description" "modal-type modal-type modal-technologies modal-technologies" "modal-functionalities modal-functionalities modal-functionalities modal-functionalities";grid-template-columns:1fr 1fr 1fr 1fr;overflow:scroll;padding:16px}}.project-modal *{text-align:left;transition:all .2s ease-out}.project-modal p{max-width:none}.project-modal .project-modal__picture,.project-modal>.--category{filter:blur(8px)}.project-modal>.--category{background-color:var(--item);border-bottom-right-radius:16px;border-left:1px solid var(--static-border);border-top-right-radius:16px;box-sizing:border-box;opacity:0;padding:16px 16px 32px;position:relative;width:100%}@media screen and (max-width:768px){.project-modal>.--category{padding:40px 8px 8px}}.project-modal>.--category .--category__name{bottom:8px;color:var(--low-text);font-size:14px;font-weight:700;opacity:72%;position:absolute;right:16px;z-index:0}@media screen and (max-width:768px){.project-modal>.--category .--category__name{left:8px;top:8px}}.project-modal .project-modal__navigation{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--transparent-background);border:1px solid var(--interactive-border);border-radius:50%;box-shadow:0 0 4px var(--interactive-border);height:48px;padding:0;position:fixed;top:50%;transform:translateY(-50%);width:48px;z-index:10}.project-modal .project-modal__navigation.--previous{left:16px}.project-modal .project-modal__navigation.--next{right:16px}@media screen and (max-width:768px){.project-modal .project-modal__navigation.--previous{left:8px}.project-modal .project-modal__navigation.--next{right:8px}}.project-modal .project-modal__navigation svg{color:var(--high-text);height:24px;width:24px}.project-modal .project-modal__picture{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;grid-area:modal-image;opacity:0}@media screen and (max-width:768px){.project-modal .project-modal__picture{height:240px}}.project-modal .project-modal__title{grid-area:modal-title}@media screen and (max-width:768px){.project-modal .project-modal__title{grid-gap:16px;display:grid;gap:16px}}.project-modal .project-modal__title .project-modal__link{font-family:Montserrat;font-size:16px;font-weight:400;margin-left:32px;z-index:1}@media screen and (max-width:768px){.project-modal .project-modal__title .project-modal__link{margin:0}}.project-modal .project-modal__subtitle{grid-area:modal-subtitle}.project-modal .project-modal__type{grid-area:modal-type}.project-modal .project-modal__description{grid-area:modal-description}.project-modal .project-modal__date{grid-area:modal-date}.project-modal .project-modal__technologies{grid-gap:16px;display:grid;gap:16px;grid-area:modal-technologies;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));justify-content:flex-end}.project-modal .project-modal__technologies div{align-items:center;display:flex;flex-direction:column;gap:8px}.project-modal .project-modal__technologies div img{width:32px}.project-modal .project-modal__functionalities{grid-area:modal-functionalities}.project-modal .project-modal__close{cursor:pointer;opacity:100%;position:absolute;right:32px;top:32px}@media screen and (max-width:768px){.project-modal .project-modal__close{align-items:center;background:var(--subtle-background);border-radius:50%;display:flex;grid-area:modal-close;height:40px;justify-content:center;justify-self:end;position:-webkit-sticky;position:sticky;right:0;top:0;width:40px}}.contact .contact__content{grid-gap:64px;display:grid;gap:64px;grid-template-columns:1fr 1fr}@media screen and (max-width:768px){.contact .contact__content{gap:32px;grid-template-columns:1fr}}.contact .contact__content .contact__content__image{align-self:start;position:relative}@media screen and (max-width:768px){.contact .contact__content .contact__content__image{justify-self:center;width:72%}.contact .contact__content .contact__content__image img{margin:auto;width:100%}}.contact .contact__content .contact__content__image:after{background-color:var(--action);border-radius:50%;content:"";height:100%;left:0;opacity:16%;position:absolute;top:0;width:100%}.contact .contact__content .contact__content__image:before{border-radius:50%;box-shadow:0 0 32px var(--action);content:"";height:100%;left:0;opacity:32%;position:absolute;top:0;width:100%}.contact .contact__content .contact__content__image img{width:100%}.contact .contact__content .contact__content__ways{display:flex;flex-direction:column;gap:32px;width:100%}.contact .contact__content .contact__content__ways .contact__content__ways__list{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:16px}.contact .contact__content .contact__content__ways .contact__content__ways__list .contact__content__ways__list__element{height:48px;max-width:none;width:100%}.contact .contact__content .contact__content__ways .contact__content__ways__list .contact__content__ways__list__element a{align-items:center;background-color:var(--item);border-radius:8px;display:inline-block;display:flex;gap:8px;height:100%;justify-content:center;text-decoration:none;width:100%}.contact .contact__content .contact__content__ways .contact__content__ways__list .contact__content__ways__list__element a:hover{background-color:var(--item-hover)}.contact .contact__content .contact__content__ways .contact__content__ways__list .contact__content__ways__list__element a:active{background-color:var(--item-active)}.contact .contact__content .contact__content__ways .contact__content__ways__list .contact__content__ways__list__element a svg:nth-child(3){scale:.8;translate:-4px -4px}.links{padding:160px 128px 0;text-align:center}@media screen and (max-width:768px){.links{padding:120px 16px}}.links .links__content{display:flex;gap:64px}@media screen and (max-width:768px){.links .links__content{flex-direction:column;gap:32px}}.links .links__content .links__content__image{flex:1 1}.links .links__content .links__content__ways{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:32px}.links .links__content .links__content__ways .links__content__ways__list{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:16px;width:100%}.links .links__content .links__content__ways .links__content__ways__list .links__content__ways__list__element{height:48px;max-width:600px;width:100%}.links .links__content .links__content__ways .links__content__ways__list .links__content__ways__list__element a{align-items:center;background-color:var(--item);border-radius:8px;display:inline-block;display:flex;gap:8px;height:100%;justify-content:center;text-decoration:none;width:100%}.links .links__content .links__content__ways .links__content__ways__list .links__content__ways__list__element a:hover{background-color:var(--item-hover)}.links .links__content .links__content__ways .links__content__ways__list .links__content__ways__list__element a:active{background-color:var(--item-active)}.links .links__content .links__content__ways .links__content__ways__list .links__content__ways__list__element a svg:nth-child(3){scale:.8;translate:-4px -4px}.settings-modal{grid-gap:32px;border-radius:16px;box-sizing:border-box;display:grid;gap:32px;grid-template-columns:1fr;padding:24px;position:fixed;transform:translate(-216px,48px);transition:all .2s ease;width:288px}.settings-modal,.settings-modal:before{background-color:var(--subtle-background);border:1px solid var(--static-border);box-shadow:0 0 8px var(--interactive-border)}.settings-modal:before{content:"";height:16px;position:absolute;right:46px;top:-9px;transform:rotate(45deg);width:16px}.settings-modal:after{background-color:var(--subtle-background);content:"";height:24px;position:absolute;right:32px;top:0;width:48px}.settings-modal .settings-modal__title{align-items:center;display:flex;justify-content:space-between}.settings-modal .settings-modal__content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.settings-modal .settings-modal__content .settings-modal__content__element{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:1fr 1fr}.settings-modal .settings-modal__content .settings-modal__content__element .settings-modal__content__element__name{justify-self:start;padding-top:8px}.settings-modal .settings-modal__content .settings-modal__content__element .settings-modal__content__element__options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);width:136px}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option{background-color:var(--item);border:1px solid #0000;border-radius:50%;box-shadow:0 0 0 var(--active-border);height:40px;justify-self:center;padding:0;width:40px}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option.--ruby{background-color:#e54666;color:#fff}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option.--ruby:hover{background-color:#ec5a72}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option.--indigo{background-color:#3e63dd;color:#fff}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option.--indigo:hover{background-color:#5472e4}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option.--jade{background-color:#29a383;color:#fff}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option.--jade:hover{background-color:#27b08b}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option.--mint{background-color:#86ead4;color:#000}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option.--mint:hover{background-color:#a8f5e5}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option.--amber{background-color:#ffc53d;color:#000}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option.--amber:hover{background-color:#ffd60a}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option.--olive{background-color:#687066;color:#000}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option.--olive:hover{background-color:#767d74}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option span,.settings-modal .settings-modal__content .settings-modal__content__element .setting-option svg{align-content:center;color:var(--item-active);height:24px;width:24px}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option.--current{background-color:var(--action-hover);border:1px solid var(--active-border);box-shadow:0 0 16px var(--active-border)}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option.--current:active,.settings-modal .settings-modal__content .settings-modal__content__element .setting-option.--current:hover{background-color:var(--action)}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option.--current svg{color:var(--button-text)}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option:hover{background-color:var(--item-hover)}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option:hover svg{color:var(--button-text)}.settings-modal .settings-modal__content .settings-modal__content__element .setting-option:active{background-color:var(--item-active)}body:has(.header--locked) .settings-modal{transform:translate(-216px,8px)}@media screen and (max-width:768px){body:has(.header--locked) .settings-modal{transform:translate(-216px,34px)}}a{color:inherit}html{scroll-behavior:smooth}*{transition-duration:.2s;transition-property:color,background-color;transition-timing-function:ease-out}body{background-color:var(--app-background);color:var(--high-text);font-family:Montserrat;font-size:16px;margin:0;overflow-x:hidden}@media screen and (max-width:768px){body{font-size:14px}}h1{font-family:Montserrat Alternates;font-size:40px;font-weight:700;margin:0}@media screen and (max-width:768px){h1{font-size:32px}}h2{font-family:Montserrat Alternates;font-size:28px;font-weight:700;margin:0}@media screen and (max-width:768px){h2{font-size:24px}}h4{font-family:Montserrat Alternates;font-size:20px;font-weight:400;margin:0}@media screen and (max-width:768px){h4{font-size:16px}}p{margin:0;max-width:600px}section{margin-bottom:32px;padding:80px 128px}@media screen and (max-width:768px){section{box-sizing:border-box;overflow:hidden;padding:64px 16px;width:100vw}}section h1{z-index:2}button{align-items:center;background-color:var(--action);border:none;border-radius:8px;color:var(--button-text);cursor:pointer;display:flex;font-family:Montserrat;font-size:16px;font-weight:500;gap:8px;height:48px;justify-content:center;padding:0 24px;transition:all .2s ease}@media screen and (max-width:768px){button{font-size:14px}}button:hover{background-color:var(--action-hover)}button:active{background-color:var(--action)}.close-icon{height:24px;width:24px}
/*# sourceMappingURL=main.adbc11c5.css.map*/