::selection{background:var(--color-primary);color:#000}@keyframes dots{0%{transform:translateY(0)}40%{transform:translateY(20px)}to{transform:translateY(0)}}.about-illustration{position:relative}.about-illustration__dots{width:70px;height:70px;animation:5s ease-in-out infinite main-animation;position:absolute}.about-illustration__dots:first-of-type{z-index:1;top:10%;left:10%}.about-illustration__dots:last-of-type{z-index:3;top:50%;left:80%}.about-illustration__image{border-bottom:1px solid var(--color-primary);z-index:2;display:block;position:relative}@media (width<=1280px){.about-illustration__dots{width:60px;height:60px}}@media (width<=1024px){.about-illustration__dots{width:50px;height:50px}}@media (width<=768px){.about-illustration__image{max-width:200px;margin:0 auto}}.raccoon-icon{color:var(--color-gray);transition:all .3s}.raccoon-icon:hover,.raccoon-icon:active{color:var(--color-primary)}.logo__icon{color:var(--color-primary);transition:color .3s}.logo__icon:hover{color:var(--color-white)}.footer{border-top:1px solid var(--color-gray)}.footer__wrapper{flex-direction:column;align-items:center;gap:30px;max-width:1500px;margin:0 auto;padding:32px 10px;display:flex}.footer__copyright{font-size:12px}@media (width<=1280px){.footer__wrapper{gap:25px;padding:28px 10px}}@media (width<=1024px){.footer__wrapper{gap:20px;padding:24px 10px}}@media (width<=768px){.footer__wrapper{gap:15px;padding:20px 10px}}.burger-menu{z-index:99;background-color:var(--color-background);width:100%;height:100vh;padding:80px 20px 20px;display:none;position:fixed;top:0;left:0}.burger-menu--active{flex-direction:column;display:flex;overflow:hidden}.burger-menu__list{flex-direction:column;gap:32px;margin-bottom:100px;display:flex}.burger-menu__link{color:var(--color-text);font-size:22px;text-decoration:none}.burger-menu__link:before{content:"#";color:var(--color-primary);font-weight:400}.burger-menu__link--active{color:var(--color-white)}@media (width<=600px){.burger-menu__link{font-size:18px}}.burger-menu-media{gap:8px;max-width:208px;margin:0 auto;display:flex}.burger-menu-media__item{width:64px;height:64px}.burger-menu-media__link{color:var(--color-gray);transition:all .3s}.burger-menu-media__link:active{color:var(--color-white)}.header{z-index:100;width:100%;box-shadow:none;background:0 0;margin-bottom:60px;transition:all .3s;position:fixed;top:0;left:0}.header--scrolled{-webkit-backdrop-filter:blur(5px);background:#ffffff03;box-shadow:0 4px 30px #282c331a}.header__container{z-index:2;justify-content:space-between;align-items:center;max-width:1500px;margin:0 auto;padding:32px 100px 12px;display:flex;position:relative}@media (width<=1024px){body{font-size:12px}.header__container{padding:32px 10px 8px}}.header-button{cursor:pointer;background-color:#0000;border:none;width:24px;height:24px;padding:0;display:none;position:relative}.header-button span{background-color:var(--color-gray);width:100%;height:2px;transition:transform .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)scale(1)}.header-button:before,.header-button:after{content:"";background-color:var(--color-gray);width:100%;height:2px;transition:transform .3s,top .3s,bottom .3s;position:absolute;left:0}.header-button:before{top:0}.header-button:after{bottom:0}.header-button--active span{transform:translateY(-50%)scale(0)}.header-button--active:before{top:50%;transform:translateY(-50%)rotate(-45deg)}.header-button--active:after{top:50%;bottom:auto;transform:translateY(-50%)rotate(45deg)}@media (width<=900px){.header-button{display:block}}@keyframes lineHeight{0%{height:20vh}50%{height:30vh}to{height:20vh}}.header-media{transform-origin:top;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:16px}.header-media__line{background-color:var(--color-gray);width:1px;height:20vh;animation:8s ease-in-out infinite lineHeight}.header-media__link{gap:8px;display:grid}.header-media__link-item{color:var(--color-gray);transition:all .3s}.header-media__link-item:hover,.header-media__link-item:active{color:var(--color-primary);transition:all .3s}@media (width<=1024px){.header-media{display:none}}.header-menu__list{flex-wrap:wrap;gap:32px;display:flex}.header-menu__link{color:var(--color-gray);text-decoration:none;transition:color .3s}.header-menu__link--active{color:var(--color-white);font-weight:600}.header-menu__link:before{content:"#";color:var(--color-primary);font-weight:400}.header-menu__link:hover,.header-menu__link:focus{color:var(--color-white);font-weight:500}@media (width<=768px){.header-menu{display:none}}.page-subtitle{color:var(--color-white);margin-bottom:48px;font-size:32px;font-weight:500;line-height:1.5;display:block;position:relative}.page-subtitle:before{content:"#";color:var(--color-primary)}@media (width<=1280px){.page-subtitle{margin-bottom:42px;font-size:28px}}@media (width<=1024px){.page-subtitle{margin-bottom:36px;font-size:24px}}@media (width<=600px){.page-subtitle{margin-bottom:30px;font-size:20px}}.page-title{color:var(--color-white);margin-bottom:12px;font-size:32px;font-weight:500;line-height:1.5;display:block;position:relative}.page-title:before{content:"/";color:var(--color-primary)}@media (width<=1280px){.page-title{margin-bottom:10px;font-size:28px}}@media (width<=1024px){.page-title{margin-bottom:10px;font-size:24px}}@media (width<=600px){.page-title{margin-bottom:8px;font-size:20px}}.skill-block{border:1px solid var(--color-gray);text-align:center;width:100%;transition:transform .4s,box-shadow .4s,border-color .4s}.skill-block:hover{box-shadow:0 0 0 1px var(--color-primary);border-color:#0000;transform:rotate(5deg)}.skill-block:hover .skill-block__title{border-bottom-color:var(--color-primary)}.skill-block__title{color:var(--color-white);border-bottom:1px solid var(--color-gray);padding:8px;font-weight:600}.skill-block__list{flex-wrap:wrap;gap:8px;padding:8px;display:flex}.about-page__text{color:var(--color-white);margin-bottom:70px;line-height:1.5}.about-page__wrapper{justify-content:space-between;align-items:center;gap:100px;margin-bottom:110px;display:flex}.about-page__block{flex-direction:column;gap:50px;display:flex}.about-page__paragraph{max-width:1000px}.about-page__list{grid-template-columns:repeat(5,1fr);align-items:start;gap:15px;display:grid}@media (width<=1280px){.about-page__text{margin-bottom:60px}.about-page__wrapper{margin-bottom:90px}.about-page__block{gap:40px}}@media (width<=1024px){.about-page__text{margin-bottom:50px}.about-page__wrapper{margin-bottom:70px}}@media (width<=768px){.about-page__text{margin-bottom:40px}.about-page__wrapper{flex-wrap:wrap;justify-content:center;gap:40px;margin-bottom:50px}.about-page__block{gap:30px}.about-page__list{grid-template-columns:repeat(3,1fr);align-items:start;gap:15px;display:grid}}.contacts-media{border:1px solid var(--color-gray);max-width:350px;padding:16px}.contacts-media__title{color:var(--color-white);margin-bottom:16px;font-size:16px;font-weight:600;line-height:1.5}.contacts-media__list{flex-wrap:wrap;gap:8px;display:flex}.contacts-media__item{color:var(--color-gray);flex-wrap:wrap;align-items:center;gap:5px;text-decoration:none;transition:all .3s;display:flex}.contacts-media__item:hover,.contacts-media__item:active{color:var(--color-white)}@media (width<=768px){.contacts-media{margin:0 auto}}.contact__text{color:var(--color-white);margin-bottom:70px;line-height:1.5}.contact__wrapper{justify-content:space-between;align-items:center;gap:100px;margin-bottom:110px;display:flex}.contact__description{max-width:50%}.contact__media{color:var(--color-gray);align-items:center;text-decoration:none;transition:all .3s}.contact__media:hover{color:var(--color-white)}@media (width<=1280px){.contact__text{margin-bottom:60px}.contact__wrapper{margin-bottom:90px}}@media (width<=1024px){.contact__text{margin-bottom:50px}.contact__wrapper{margin-bottom:70px}}@media (width<=768px){.contact__text{margin-bottom:40px}.contact__wrapper{flex-wrap:wrap;gap:30px;margin-bottom:50px}.contact__description{max-width:100%}}.section-title{color:var(--color-white);margin-bottom:50px;font-size:36px;font-weight:500;display:inline-block;position:relative}.section-title:before{content:"#";color:var(--color-primary)}.section-title:after{content:"";background-color:var(--color-primary);width:25vh;height:1px;margin-left:16px;position:absolute;top:50%;left:100%}@media (width<=1280px){.section-title{font-size:31px}}@media (width<=1024px){.section-title{margin-bottom:40px;font-size:27px}}@media (width<=768px){.section-title{margin-bottom:30px;font-size:27px}}@media (width<=600px){.section-title{margin-bottom:20px}.section-title:after{width:10vh}}.about__inner{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.about__text{flex-direction:column;gap:40px;display:flex}.about__paragraph{max-width:500px}.about__image{border-bottom:1px solid var(--color-primary);width:340px;height:326px}@media (width<=1280px){.about__text{gap:30px}}@media (width<=1024px){.about__text{gap:20px}}@media (width<=768px){.about__inner{flex-direction:column;margin:0 auto;display:flex}.about__content{max-width:100%;margin:0 auto}.about__image{margin:0 auto}}.contacts__inner{flex-wrap:no-wrap;justify-content:space-between;gap:20px;display:flex}.contacts__description{max-width:500px;font-weight:500}@media (width<=1280px){.contacts__inner{gap:30px}}@media (width<=768px){.contacts__inner{flex-wrap:wrap;gap:20px}.contacts__description{margin:0 auto}}.button-hero{color:var(--color-white);border:1px solid var(--color-primary);padding:8px 16px;font-weight:500;text-decoration:none;transition:all .3s}.button-hero:hover,.button-hero:focus{background-color:var(--color-primary-ad)}.hero__inner{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:50px;display:flex}.hero__title{color:var(--color-white);margin-bottom:24px;font-size:30px;font-weight:600;line-height:1.2}.hero__title span{color:var(--color-primary)}.hero__description{margin-bottom:24px}@media (width<=1280px){.hero__title{margin-bottom:21px;font-size:26px}.hero__description{margin-bottom:21px}}@media (width<=1024px){.hero__inner{gap:24px}.hero__title{margin-bottom:18px;font-size:22px}.hero__description{margin-bottom:18px}}@media (width<=768px){.hero__inner{flex-direction:column;gap:20px}.hero__title,.hero__description{margin-bottom:15px}}.hero-illustration{position:relative}.hero-illustration__dots{z-index:3;width:64px;height:64px;animation:5s ease-in-out infinite main-animation;position:absolute;top:64%;right:0}.hero-illustration__figure{z-index:1;width:120px;height:120px;animation:5s ease-in-out infinite main-animation;position:absolute;top:22%;left:0}.hero-illustration__image{border-bottom:1px solid var(--color-primary);z-index:2;position:relative}@media (width<=1280px){.hero-illustration__dots{width:56px;height:56px}.hero-illustration__figure{width:100px;height:100px}}@media (width<=768px){.hero-illustration__image{max-width:200px}}.projects__inner{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px;display:grid}.projects__link{color:var(--color-white);text-decoration:none;transition:all .3s}.projects__link:hover{color:var(--color-primary)}@media (width<=1280px){.projects__inner{gap:14px}}@media (width<=1024px){.projects__inner{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=640px){.projects__inner{grid-template-columns:repeat(1,1fr);gap:10px}}.button-gitHub{color:var(--color-gray);border:1px solid var(--color-gray);padding:6px 16px;font-weight:500;text-decoration:none;transition:all .3s}.button-gitHub:hover,.button-gitHub:focus{background-color:var(--color-gray-ad)}.button-live{color:var(--color-white);border:1px solid var(--color-primary);padding:6px 16px;font-weight:500;text-decoration:none;transition:all .3s}.button-live:hover,.button-live:focus{background-color:var(--color-primary-ad)}.project-card{border:1px solid var(--color-gray);place-self:center;transition:transform .4s}.project-card:hover{transform:scale(1.05)}.project-card__image{border-bottom:1px solid var(--color-gray)}.project-card__technologies{border-bottom:1px solid var(--color-gray);flex-wrap:wrap;gap:8px;padding:8px;display:flex}.project-card__content{padding:16px}.project-card__name{color:var(--color-white);margin-bottom:16px;font-size:24px;font-weight:500}.project-card__description{margin-bottom:16px}.project-card__buttons{flex-wrap:wrap;gap:16px;display:flex}@media (width<=1280px){.project-card__name{font-size:21px}}@media (width<=1024px){.project-card__name{font-size:18px}}.skills__inner{flex-wrap:nowrap;justify-content:space-between;gap:100px;display:flex}.skills__list{grid-template-columns:repeat(3,1fr);justify-content:center;align-items:start;gap:16px;width:100%;display:grid}.skills__list .skill-block:first-child{grid-area:1/1}.skills__list .skill-block:nth-child(2){grid-area:1/2}.skills__list .skill-block:nth-child(3){grid-area:2/2}.skills__list .skill-block:nth-child(4){grid-area:1/3}.skills__list .skill-block:nth-child(5){grid-area:2/3}@media (width<=1024px){.skills__list{gap:14px}}@media (width<=768px){.skills__list{grid-template-columns:repeat(2,1fr);gap:12px}.skills__list .skill-block:nth-child(2){grid-area:2/1}.skills__list .skill-block:nth-child(3){grid-area:1/2}.skills__list .skill-block:nth-child(4){grid-area:2/2}.skills__list .skill-block:nth-child(5){grid-area:3/2}}.skill-illustration{flex:200px;min-width:400px;max-width:600px;min-height:250px;position:relative}.skill-illustration__item{animation:5s ease-in-out infinite main-animation;position:absolute}.skill-illustration__item:first-child{width:64px;height:64px;top:32px;left:0}.skill-illustration__item:nth-child(2){width:80px;height:80px;top:0;right:32px}.skill-illustration__item:nth-child(3){width:112px;height:112px;bottom:0;left:16px}.skill-illustration__item:nth-child(4){width:64px;height:64px;bottom:25%;left:50%;transform:translate(-50%)}.skill-illustration__item:nth-child(5){width:56px;height:56px;bottom:48px;right:0}@media (width<=1280px){.skill-illustration__item:first-child{width:56px;height:56px;top:28px}.skill-illustration__item:nth-child(2){width:70px;height:70px;right:28px}.skill-illustration__item:nth-child(3){width:98px;height:98px;left:14px}.skill-illustration__item:nth-child(4){width:56px;height:56px}.skill-illustration__item:nth-child(5){width:49px;height:49px;bottom:42px}}@media (width<=1024px){.skill-illustration{display:none}}.home-page__container{flex-direction:column;gap:80px;display:flex}@media (width<=1280px){.home-page__container{gap:70px}}@media (width<=1024px){.home-page__container{gap:60px}}.work__text{color:var(--color-white);margin-bottom:70px;line-height:1.5}.work__wrapper{flex-direction:column;gap:70px;display:flex}@media (width<=1280px){.work__text{margin-bottom:60px}.work__wrapper{gap:60px}}@media (width<=1024px){.work__text{margin-bottom:50px}.work__wrapper{gap:50px}}@media (width<=768px){.work__text{margin-bottom:40px}.work__wrapper{gap:40px}}*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){border:none;margin-left:0;padding:0}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom:24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{max-width:100%;height:auto;display:block}input,textarea,select,button{font:inherit}html{scrollbar-gutter:stable;overscroll-behavior:none;scroll-behavior:smooth;height:100%}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}[fill]{fill:currentColor}[stroke]{stroke:currentColor}svg *{transition-property:fill,stroke}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--color-background:#282c33;--color-background-second:#3a3f45;--color-white:#fff;--color-primary:#55b6c2;--color-primary-ad:#55b6c233;--color-gray:#abb2bf;--color-gray-ad:#abb2bf33}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{color:var(--color-gray);background-color:var(--color-background);font-family:Fira Code,monospace;font-size:16px;font-style:normal;font-weight:400;line-height:1.6}.no-scroll{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.main-container{max-width:1500px;margin:0 auto;padding:150px 100px 100px}.section-padding{padding:20px}::-webkit-scrollbar-track{background:var(--color-background-second)}::-webkit-scrollbar-thumb{background-color:var(--color-primary)}*{scrollbar-color:var(--color-primary) var(--color-background-second)}@keyframes main-animation{0%{transform:translateY(0)}40%{transform:translateY(20px)}to{transform:translateY(0)}}@media (width<=1280px){body{font-size:14px}}@media (width<=1024px){body{font-size:12px}.main-container{padding:120px 10px 30px}}@media (width<=768px){.main-container{padding:100px 10px 30px}}@font-face{font-family:Fira Code;src:url(/assets/FiraCode-Regular-DmifnrmV.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url(/assets/FiraCode-Medium-BucId1NK.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url(/assets/FiraCode-SemiBold-CA6U9Wbo.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}