html{scroll-behavior:smooth;font-size:62.5%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{margin:0;padding:0}body{background-color:#202040;font-family:Arbutus Slab,serif;font-size:1.6rem}@media (width>=768px){body{font-size:1.8rem}}*{box-sizing:border-box}a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline-offset:4px;outline:3px solid #ff1e56}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}p{margin:0 0 2rem}img{width:100%;height:auto;display:block}.skip-link{z-index:2000;color:#fff;background-color:#202040;padding:1rem 1.5rem;position:fixed;top:2rem;left:2rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.container{max-width:120rem;margin-left:auto;margin-right:auto;padding:0 3rem;overflow:hidden}.title{color:#ff1e56;text-align:center;margin:0;font-family:Montserrat Alternates,sans-serif}@media (width>=768px){.title{text-align:left}}.title--h1{text-shadow:0 4px 8px #000c;margin:10rem 0;font-size:7rem;position:relative}@media (width<=480px){.title--h1{font-size:12vw}}@media (width>=480px) and (width<=768px){.title--h1{font-size:8vw}}.title--h2{margin-bottom:3rem;font-size:5rem}@media (width<=480px){.title--h2{font-size:12vw}}.title--h3{margin-bottom:1.8rem;font-size:3rem}.title--h4{margin-bottom:1.5rem}@keyframes signature-animation{to{stroke-dashoffset:0}}.section{padding:3rem 0}@media (width>=768px){.section{padding:8rem 0}}.section--dark{background-color:#dcdcf5}@media (prefers-contrast:more){.section--dark{background-color:#fff}}.section--light{color:#000;background-color:#fff}.button-row{text-align:center;z-index:0;position:relative}.button{color:#fff;border:1px solid #000;border-radius:10rem;margin-bottom:1rem;margin-right:1rem;padding:2rem;font-family:Montserrat Alternates,sans-serif;font-size:2rem;font-weight:500;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.button:after{content:"";background:linear-gradient(270deg,#ffffff50,#0000);width:6rem;height:100%;transition:left .8s;display:block;position:absolute;top:0;left:-6.5rem;transform:skew(-15deg)}.button:hover:after{left:calc(100% + .5rem)}.button--touch{color:#fff;background-color:#202040;margin-top:2rem;margin-bottom:8rem;transition:box-shadow 1s;position:relative;overflow:visible}.button--touch:after{display:none}.button--touch:hover{box-shadow:0 0 3rem #00000046}.button--touch img{width:unset}.button__pulse{z-index:-1;pointer-events:none;border:.5rem solid #202040;border-radius:50%;animation:1.5s infinite pulse-animation;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button--social{width:15rem}.button--instagram{background-image:linear-gradient(to top right,#ffa140,#fc3572,#a23cad);border-color:#0000}.button--linkedin{background-color:#0a66c2;border-color:#0a66c2}.button__icon{vertical-align:middle;height:1.5em;margin:-.5em .3em -.3em 0;display:inline-block}@keyframes pulse-animation{0%{border-color:#20204080;width:0;height:0}to{border-color:#0000;width:21rem;height:21rem}}.header{background-color:#202040;padding:3rem 0 0;position:relative;overflow:hidden}@media (width<=480px){.header{margin-top:-3rem}.header__container{grid-template:"photo""description"/1fr}}@media (width>=480px){.header__container{grid-template:"photo description"1fr/1fr auto;min-height:min(80vh,80rem);display:grid}}.header__photo{filter:drop-shadow(-3rem 0 3rem #0000004d);width:100%}@media (width<=480px){.header__photo{width:120%;margin-left:-30%}}@media (width>=480px){.header__photo{object-fit:contain;object-position:center bottom;height:100%;position:absolute;bottom:0;left:0}}.header__photo-container{flex-direction:column;grid-area:photo;justify-content:center;display:flex;position:relative}@media (width<=480px){.header__photo-container{z-index:0}.header__title{z-index:-1;order:-1;margin:0 0 -3.5rem}}.header__text{text-align:right;grid-area:description;align-self:end;padding-bottom:3rem;font-size:2rem}.header__text .title{font:inherit}@media (width<=480px){.header__text{text-shadow:0 0 1rem #00000080;padding:0 3rem 1rem;position:absolute;bottom:0;right:0}}.header__signature{width:25rem}.header__signature #signature{stroke-dasharray:1778;stroke-dashoffset:1778px;animation:3s forwards signature-animation}@media (width<=480px){.header__signature{width:50%;margin-right:-7%}}.main-menu{text-align:center;white-space:nowrap;z-index:1000;color:#fff;background-color:#202040;width:100%;padding:1rem;font-family:Montserrat Alternates,sans-serif;font-size:2.5rem;position:sticky;top:0;overflow-x:auto}@media (width<=480px){.main-menu{padding:0;font-size:1.5rem}}.main-menu__list{margin:0;padding-left:0}@media (width<=480px){.main-menu__list{padding:1rem 0;display:flex}}.main-menu__item{display:inline}@media (width<=480px){.main-menu__item{display:inline-block}}.main-menu__link{color:inherit;border:2px solid #0000;padding:.5rem;text-decoration:none}.main-menu__link:hover{border:2px solid #ff1e56;border-radius:10px}@media (width<=480px){.main-menu__link{flex:none}}.section--about p:last-of-type{margin-bottom:0}.experiences{flex-direction:column;justify-content:space-between;gap:2rem;padding:0;list-style:none;display:flex}.experiences__item{flex-direction:column;align-items:center;gap:2rem;display:flex;position:relative}@media (width>=768px){.experiences__item{flex-direction:row;gap:5rem}}.experiences__item:not(:first-child):before{content:"";opacity:.25;background-color:#dcdcf5;width:20rem;height:3px;position:absolute;top:-2rem;left:50%;transform:translate(-50%)}@media (width>=768px){.experiences__item:not(:first-child):before{transform:none}}.experiences__item img{width:100%;max-width:20rem}.experiences__company{flex-direction:column;align-items:center;display:flex}@media (width>=768px){.experiences__company{width:100%;max-width:25rem}}.experiences__period{margin-top:1rem}.skills{flex-wrap:wrap;justify-content:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}@media (width>=768px){.skills{gap:5rem}}.skills__item{width:5rem}@media (width>=768px){.skills__item{width:10rem}}.skills__item img{width:100%;height:auto}.work{flex-direction:column;gap:5rem;display:flex}.work__item{flex-direction:column;align-items:center;gap:5rem;display:flex}@media (width>=768px){.work__item{flex-direction:row}}.work__link{order:2;width:100%;max-width:40rem;display:inline-block;position:relative}@media (width>=768px){.work__link{order:unset}}.work__link img{box-shadow:0 10px 27px #0003}@media (width>=768px){.work__description{max-width:60%}}.work__overlay{text-shadow:0 0 1rem #00000080;backdrop-filter:blur(4px);color:#fff;opacity:0;justify-content:center;align-items:center;width:100%;height:100%;font:600 3rem Montserrat Alternates,sans-serif;transition:opacity 1s;display:flex;position:absolute;top:0;left:0}.work__overlay:hover{opacity:1}.work__overlay--inmobil{background-color:#ffe134dd}.work__overlay--frontendistka{background-color:#202040dd}.work__overlay--kacafoti{background-color:#f66d}.work__overlay--detskyterapeut{background-color:#ffefc5dd}.work__overlay--katerinahoffman{background-color:#62625ddd}.swiper-container{width:50%;height:30rem;margin-left:auto;margin-right:auto}@media (width<=480px){.swiper-slide{width:100%}}.swiper-slide img{object-fit:contain;width:100%;height:100%;display:block}.mySwiper2{width:60%;height:80%}@media (width<=480px){.mySwiper2{width:100%}}.mySwiper{box-sizing:border-box;height:20%;padding:1rem 0}.mySwiper .swiper-slide{opacity:.4}.mySwiper .swiper-slide:hover{cursor:pointer}.mySwiper .swiper-slide-thumb-active{opacity:1}.footer{text-align:center;color:#fff;background-color:#202040;padding-top:4rem;padding-bottom:4rem}.footer__text{font-size:3rem}