@font-face{font-family:DM Sans;font-weight:400;font-style:normal;src:url(../fonts/dmsans-regular/DMSans-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:DM Sans;font-weight:500;font-style:normal;src:url(../fonts/dmsans-medium/DMSans-Medium.woff2)format("woff2");font-display:swap}@font-face{font-family:Poppins;font-weight:300;font-style:normal;src:url(../fonts/poppins-light/Poppins-Light.woff2)format("woff2");font-display:swap}@font-face{font-family:Poppins;font-weight:400;font-style:normal;src:url(../fonts/poppins-regular/Poppins-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:Poppins;font-weight:500;font-style:normal;src:url(../fonts/poppins-medium/Poppins-Medium.woff2)format("woff2");font-display:swap}@font-face{font-family:Poppins;font-weight:700;font-style:normal;src:url(../fonts/poppins-bold/Poppins-Bold.woff2)format("woff2");font-display:swap}html{scroll-behavior:smooth}body{color:#000;background-color:#1e1e1e;margin:0;font-family:Ubuntu,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:26px}*{box-sizing:border-box}.visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.main-header{background-color:#000;border-bottom:1px solid #70a038;padding-block:20px;position:relative}@media (width>=768px){.main-header{padding-inline:50px}}.main-header__container{z-index:1;flex-direction:column;align-items:center;row-gap:30px;min-width:320px;display:flex}@media (width>=768px){.main-header__container{flex-direction:row;justify-content:space-between;max-width:1193px;margin:0 auto}.main-header__logo{margin-right:20px}}.menu{flex-flow:column wrap;gap:15px 45px;margin:0;padding:0;list-style-type:none;display:flex}@media (width>=768px){.menu{flex-direction:row}}.menu__item{justify-content:center;align-items:center;display:flex}.menu__link{color:#fff;text-transform:uppercase;padding:5px;font-family:Ubuntu,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:26px;text-decoration:none;position:relative}.menu__link:after{content:"";opacity:0;background-color:#70a038;width:100%;height:2px;transition:opacity .5s,transform .5s;position:absolute;top:100%;left:0;transform:translateY(5px)}.menu__link:hover{color:#70a038}.menu__link:hover:after{opacity:1;transform:translateY(0)}@media (width>=768px){.menu__link{text-transform:none}}.hero{justify-content:center;align-items:center;display:flex}.hero__container{margin-top:60px 0;flex-direction:column;align-items:center;min-width:320px;padding-block:60px;display:flex}@media (width>=900px){.hero__container{flex-direction:row;justify-content:space-between;width:100%;margin:180px 0 300px}}.hero__title{color:#fff;text-align:center;margin:0 0 40px;padding:0;font-family:Ubuntu,sans-serif;font-size:24px;font-weight:700;line-height:34px}@media (width>=768px){.hero__title{font-size:36px;line-height:60px}}@media (width>=1440px){.hero__title{text-align:left;font-size:58px;line-height:70px}}.hero__title-colored{color:#70a038}.hero__image{border:2px solid #70a038;border-radius:50%;box-shadow:1px 1px 8px 2px #70a038}.h2-title{color:#fff;text-align:center;width:-moz-fit-content;width:fit-content;margin:0 auto 50px;padding:0;font-family:Ubuntu,sans-serif;font-size:24px;font-weight:700;line-height:27px;position:relative}.h2-title:after{content:"";background-color:#70a038;width:calc(100% + 20px);height:3px;position:absolute;top:calc(100% + 20px);left:-10px}@media (width>=768px){.h2-title{font-size:48px;line-height:26px}}.section-description{text-align:center;color:#fff;margin:50px 0;padding:0;font-family:Ubuntu,sans-serif;font-size:18px;font-weight:400;line-height:24px}@media (width>=768px){.section-description{font-size:32px;line-height:26px}}.projects{margin-bottom:70px;padding-top:20px}.projects__list{flex-wrap:wrap;justify-content:center;gap:30px 18px;margin:0;padding:0;list-style-type:none;display:flex}@media (width>=768px){.projects__list{gap:45px 28px;margin:70px 0}}@media (width>=1440px){.projects__list{gap:62px 42px;margin:170px 0}}.projects__item{background-color:#1e1e1ecc;border:1px solid #70a038;border-radius:20px;flex-direction:column;min-width:200px;max-width:373px;margin:10px;padding:10px;display:flex;box-shadow:2px 2px 100px #0003}@media (width>=768px){.projects__item{width:373px}}.projects__item-link{order:-2;justify-content:center;align-items:center;display:flex}.projects__item-link:hover{opacity:.7}.projects__item-image{object-fit:cover;border-radius:20px;width:100%;display:block}.projects__item-title{color:#fff;padding:0;order:-1;margin:27px 0 10px;padding-inline:10px;font-family:Ubuntu,sans-serif;font-size:24px;font-weight:500;line-height:20px}@media (width>=768px){.projects__item-title{margin:27px 0 17px;padding-inline:20px;font-size:28px;font-weight:500;line-height:26px}}.projects__item-description{color:#fff;margin:10px 0 4px;padding:0;padding-inline:10px;font-family:Ubuntu,sans-serif;font-size:14px;font-weight:300}@media (width>=768px){.projects__item-description{margin:17px 0 6px;padding-inline:20px;font-size:16px}}.projects__stack-title{color:#fff;font-size:16px}@media (width>=768px){.projects__stack-title{font-size:14px}}.projects__stack-text{color:#70a038;font-size:14px;font-weight:700}.projects__stack-wrapper{color:#42446e;flex-grow:1;margin:4px 0 6px;padding-left:10px}@media (width>=768px){.projects__stack-wrapper{margin:6px 0 10px;padding-left:20px}}.projects__links-wrapper{justify-content:space-between;column-gap:10px;margin:7px 0 18px;padding-left:10px;display:flex}@media (width>=768px){.projects__links-wrapper{margin:11px 0 25px;padding-left:20px}}.projects__link-preview,.projects__link-code{color:#fff;align-items:center;column-gap:10px;font-family:Ubuntu,sans-serif;font-size:14px;font-weight:400;text-decoration:none;display:flex}@media (width>=768px){.projects__link-preview,.projects__link-code{font-size:16px}}.projects__link-preview:hover,.projects__link-code:hover{color:#70a038}.projects__link-preview:before,.projects__link-code:before{content:"";background-color:#fff;width:20px;height:20px}.projects__link-preview:before{-webkit-mask-image:url(../icons/stack.svg#sprite-chain);mask-image:url(../icons/stack.svg#sprite-chain)}.projects__link-code:before{-webkit-mask-image:url(../icons/stack.svg#sprite-github);mask-image:url(../icons/stack.svg#sprite-github)}.contacts{padding-top:20px}.contacts__list{flex-direction:column;align-items:center;row-gap:40px;margin:50px 0 0;padding:0;list-style-type:none;display:flex}@media (width>=768px){.contacts__list{flex-direction:row;justify-content:space-between}}.contacts:after{content:"";background-color:#70a038;width:100%;height:2px;margin-top:40px;display:block}.contacts__item-link{color:#fff;flex-direction:column;font-size:16px;font-weight:400;text-decoration:none;display:flex}.contacts__item-link:hover{color:#70a038}.contacts__title{color:#fff;margin-bottom:20px;font-size:20px}.contacts__item{flex-direction:column;align-items:center;display:flex}.contacts__item--phone:before{content:"";background-image:url(../icons/stack.svg#sprite-phone);width:58px;height:58px;margin-bottom:10px}.contacts__item--mail:before{content:"";background:url(../images/contacts-mail@1x.webp) 50%/contain no-repeat;width:70px;height:58px;margin-bottom:10px}.contacts__item--adress:before{content:"";background-image:url(../icons/stack.svg#sprite-adress);width:42px;height:64px;margin-bottom:10px}.main-footer{flex-direction:column;align-items:center;row-gap:30px;padding:60px 0;display:flex}@media (width>=768px){.main-footer{flex-direction:row;justify-content:space-between}}.main-footer__designedby{color:#fff;text-align:center}@media (width>=768px){.main-footer__designedby{margin-top:0}}.main-footer__designedby-colored{color:#70a038}.tech-stack{margin-bottom:70px;padding-top:20px}.tech-stack__list{flex-wrap:wrap;justify-content:center;gap:20px;margin:0;padding:0;list-style-type:none;display:flex}@media (width>=768px){.tech-stack__list{gap:100px 106px;margin:147px 0}}.tech-stack__item{background-color:#1e1e1eb3;border:1px solid #70a038;border-radius:10px;justify-content:center;align-items:center;width:110px;height:110px;display:flex}@media (width>=768px){.tech-stack__item{width:140px;height:140px}}.tech-stack__image{width:100px;height:100px}@media (width>=768px){.tech-stack__image{width:100%;height:100%}}.socials{align-items:center;column-gap:20px;margin:0;padding:0;list-style-type:none;display:flex}@media (width>=768px){.socials{display:none}}@media (width>=1300px){.socials{display:flex}}.socials__item,.socials__link{justify-content:center;align-items:center;display:flex}.socials__svg{fill:#fff}.socials__svg:hover{fill:#81ba41}.nav{flex-direction:column;row-gap:45px;display:flex}@media (width>=768px){.nav{flex-direction:row;align-items:center;column-gap:45px}}.container{min-width:320px;max-width:1300px;margin:0 auto}@media (width>=768px){.container{padding-inline:50px}}.logo{font-weight:700;text-decoration:none;display:flex}.logo:hover .logo__left-side{color:#70a038;background-color:#000;border:1px solid #70a038;border-radius:0 0 0 10px}.logo:hover .logo__right-side{color:#000;background-color:#70a038;border-radius:0 10px 0 0}.logo__left-side{color:#000;background-color:#70a038;border-radius:10px 0 0;padding:7px 15px}.logo__right-side{color:#70a038;border:1px solid #70a038;border-radius:0 0 10px;padding:7px 15px}.background-fixed{z-index:-1;opacity:.3;background-image:linear-gradient(#1e1e1e,#0000 30%),linear-gradient(#0000 70%,#1e1e1e),linear-gradient(270deg,#0000 20%,#1e1e1e),linear-gradient(90deg,#0000 70%,#1e1e1e),url(../images/hero-code@1x.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:fixed;top:170px;left:0}