@charset "UTF-8";*{padding:0;margin:0;border:0}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{height:100%;width:100%;font-size:100%;line-height:1;font-size:16px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}.no-existing-element{background:#323853}.hero{height:100vh;background:radial-gradient(ellipse at 50% 40%,var(--color-dark) 0%,var(--color-dark2) 100%)}.hero h1{text-align:right;font-size:3rem;color:var(--color-accent);margin-bottom:2.3rem;margin-top:1rem}@media (max-width: 576px){.hero h1{text-align:left}}.hero h2{text-align:right;font-size:2rem;font-weight:700;color:var(--color-accent2);margin-bottom:.5rem}@media (max-width: 576px){.hero h2{text-align:left}}.hero__subtitle{text-align:right;font-size:1.5rem;color:var(--color-accent2);margin-bottom:2rem}@media (max-width: 576px){.hero__subtitle{text-align:left}}.hero__photo{height:100vh;opacity:70%;object-fit:contain}.hero__content{display:flex;height:100%;overflow:hidden}@media (max-width: 768px){.hero__content{height:100%}}.hero__content-left{max-width:50vw;flex:1 0 50%;display:flex;flex-direction:column;align-items:end;justify-content:center;position:relative;padding:2rem}@media (max-width: 768px){.hero__content-left{padding:1rem;flex:1 0 60%;max-width:unset}}@media (max-width: 576px){.hero__content-left{align-items:start}}.hero__content-left>*{z-index:2}.hero__buttons{display:flex;gap:1rem}@media (max-width: 768px){.hero__buttons{flex-direction:column}}#hero__canvas{position:absolute;top:0;right:0;aspect-ratio:1/2;height:100%;z-index:1}svg.hero-image{min-height:42vmin;margin-bottom:2rem}svg.hero-image line{stroke:#ff7791;fill:none}svg.hero-image path{stroke:#ff7791;fill:none}@media (max-width: 768px){svg.hero-image{display:none}}.hero__content-right{width:fit-content}@media (max-width: 576px){.hero__content-right{display:none}}.hero__content-righter{flex:0 0 auto;height:100%;padding:8rem 2rem}@media (max-width: 1200px){.hero__content-righter{display:none}}.hero__menu{transition:all .3s ease;opacity:0;transform:translateY(-50px)}.hero__menu.active{opacity:1;transform:translateY(0)}.hero__menu-item{font-size:1.2rem}.hero__menu-item:not(:last-child){margin-bottom:2rem}.hero__menu-item a{color:var(--color-accent2)}.hero__menu-item a:hover{color:var(--color-light)}.nav{background-color:#1c2124e6;color:var(--color-light);padding:1rem 0;position:sticky;top:0;z-index:100;transition:opacity .2s ease;position:fixed;width:100vw}.nav__container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;width:90%;margin:0 auto}@media (max-width: 768px){.nav__container{justify-content:end}}.nav__logo{font-size:1.2rem;font-weight:700}@media (max-width: 768px){.nav__logo{display:none}}.nav__menu{list-style:none;display:flex;gap:2rem}.nav__menu li a{text-decoration:none;color:var(--color5);font-weight:500;transition:color .2s}.nav__menu li a:hover{color:var(--color-accent2)}@media (max-width: 768px){.nav__menu{position:absolute;top:-100px;opacity:0;transition:all .2s ease;flex-direction:column;left:0;width:100%;background-color:var(--color-dark);z-index:1;padding:2rem}.nav.open .nav__menu{top:0;opacity:1}}@media (min-width: 768px){.nav__container>*{transform:translateY(-20px);transition:all .3s ease;opacity:0}.nav.active .nav__container>*{opacity:1;transform:translateY(0)}.nav:not(.active){opacity:0}}.burger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;justify-self:end;position:relative;z-index:2}.burger span{display:block;height:3px;background:#fff;border-radius:2px}@media (max-width: 768px){.burger{display:flex}}.about{background:var(--color5);padding:4rem}.about h2{font-size:2.2rem;color:var(--color-accent2);margin-bottom:2rem}.about h2:not(:first-child){margin-top:4rem}.about__skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.about .skills__item{display:flex;flex-direction:column;gap:1rem;align-items:center;color:var(--color-accent2)}.about .icon{display:inline-block;width:36px;height:36px;position:relative}.about span{display:block;font-size:1.2rem}.about__text{font-size:1.2rem;line-height:1.4;color:var(--color4)}.about__text>p:not(:last-child){margin-bottom:1rem}.experience{display:flex;align-items:stretch;margin-bottom:2.4rem}@media (max-width: 768px){.experience{flex-direction:column}}.experience__left{flex:0 0 240px;border-right:4px solid var(--color-accent2)}@media (max-width: 768px){.experience__left{flex:0 0 auto;border-right:none;border-bottom:4px solid var(--color-accent2)}}.experience__right{padding-left:1rem}@media (max-width: 768px){.experience__right{padding-left:0;padding-top:1rem}}.experience__years{color:vAr(--color-dark);font-size:.8rem;margin-bottom:1rem}@media (max-width: 768px){.experience__years{font-size:1.2rem;font-weight:600}}.experience__header{line-height:1.4;color:var(--color-accent2);font-size:1.4rem}.experience__subheader{color:vAr(--color-dark);font-size:.8rem;margin-bottom:1rem}.experience__descr{line-height:1.4}.works{background-color:var(--color-dark2);color:var(--color-light)}.works-item{margin-bottom:5rem}.works-item__title{font-size:2.4rem;margin-bottom:2rem}.works-item__title a{transition:color .2s ease-out;color:var(--color-accent2)}.works-item__title a:hover{color:var(--color-light)}.works-item__tags{display:flex;flex-wrap:wrap;gap:.5rem}.works-item__tag{border-radius:.25rem;background-color:var(--color-dark);color:var(--color-light2);font-size:.8em;padding:6px 14px}.works-item__descr-text{margin-top:1rem;margin-bottom:1rem;flex:1 0 auto;font-size:1rem;line-height:1.6rem}.works-item__buttons{display:flex;gap:1rem}.works-item__layout{display:flex;gap:2rem}@media (max-width: 768px){.works-item__layout{display:block}}.works-item__left{flex:1 1 auto;display:flex;flex-direction:column}.works-item__right{flex:0 0 320px;width:100%;overflow:hidden;position:relative;cursor:pointer}@media (max-width: 768px){.works-item__right{display:block;margin-top:2rem}}.work-item__image{border-radius:2px;width:100%;height:100%;display:flex;cursor:pointer;opacity:1;object-fit:cover}.small-works-item{display:flex;gap:1rem}.small-works-item:not(:last-child){margin-bottom:2rem}@media (max-width: 768px){.small-works-item{flex-direction:column}}.small-works-item__title{flex:1 0 auto;font-size:1.2rem}.small-works-item__title a{transition:color .2s ease-out;color:var(--color-accent2)}.small-works-item__title a:hover{color:var(--color-light)}.small-works-item__buttons{display:flex;gap:1rem}.small-works-item__buttons .btn{padding:4px 8px;font-size:.8rem}.contacts{padding:4rem 0}h2{font-size:2rem;color:var(--color-accent2);margin-bottom:3rem}.contacts .icon{width:32px;height:32px}.contact{display:grid;grid-template-columns:24px auto;grid-template-rows:12px auto;grid-template-areas:"icon label" "icon link";gap:.8rem 2rem}.contact:not(:last-child){margin-bottom:1.5rem}.contact a{font-size:1rem;color:var(--color-accent2);transition:all .2s ease-out 0s}.contact:hover a{color:var(--color-dark)!important;transition:all .2s ease-out 0s;cursor:pointer}.contact-item__icon-container{grid-area:icon;display:flex;align-items:center;justify-content:center}.contact-item__icon-container a{display:block}.contact-item__label{grid-area:label;font-weight:600;text-transform:capitalize;color:var(--color-dark)}.contact-item__icon-link{grid-area:link}.contact__icon{width:32px;height:32px;background:var(--color-accent2)}.contact__item:hover .contact__icon{background:var(--color-accent2)!important;cursor:pointer}:root{--color1: #f7b7c2;--color2: #e87c91;--color3: #70263d;--color4: #4c5c66;--color5: #f1f1f1;--color-light: #f1f1f1;--color-light2: #7a929e;--color-dark: #384551;--color-dark2: #1d2833;--color-accent: #f8d5e0;--color-accent2: #ff4164}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Noto Sans,sans-serif;background:var(--color5)}.container{width:100%;max-width:1000px;margin-left:auto;margin-right:auto;padding-left:3rem;padding-right:3rem}.btn{display:grid;place-content:center;width:150px;padding:8px 12px;background:transparent;font-size:1rem;font-weight:600;transition:all .15s ease-out;white-space:nowrap;border-radius:4px}.btn_primary{background:var(--color-accent2);color:var(--color-dark);border:1px solid var(--color-accent2)}.btn_primary:hover{border-color:var(--color-light)!important;color:var(--color-light)}.btn_secondary{background:transparent;color:var(--color-accent2);border:1px solid var(--color-accent2)}.btn_secondary:hover{border-color:var(--color-light)!important;color:var(--color-light)!important}h1,h2,h3,h4{font-weight:500}.section{padding:5rem 0}a{transition:color .2s ease}