@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Poppins:wght@400;500;700&display=swap);*{border:none;margin:0;padding:0}*,:after,:before{box-sizing:border-box}a,a:hover,a:link,a:visited{text-decoration:none}aside,footer,header,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{height:auto;max-width:100%}address{font-style:normal}button,input,select,textarea{background-color:initial;color:inherit;font-family:inherit;font-size:inherit}input::-ms-clear{display:none}button,input[type=submit]{background-color:initial;background:none;box-shadow:none;cursor:pointer;display:inline-block}button:active,button:focus,input:active,input:focus{outline:none}button::-moz-focus-inner{border:0;padding:0}label{cursor:pointer}legend{display:block}:root{--blackpure:#000;--black:#171718;--black-border:#26292d;--white:#fff;--purple:#5c62ec;--dark-bg:var(--black);--dark-border:var(--black-border);--header-text:var(--white);--accent:var(--purple);--box-shadow:0px 5px 35px #00000040;--page-bg:var(--white);--text-color:var(--black);--title-1:var(--accent);--project-card-bg:var(--white);--project-card-text:var(--black)}.dark{--page-bg:#252526;--text-color:var(--white);--title-1:var(--white);--project-card-bg:var(--black);--project-card-text:var(--white);--box-shadow:0px 5px 35px #000c}body,html{background-color:#fff;background-color:var(--page-bg);color:#171718;color:var(--text-color);font-family:DM Sans,sans-serif;letter-spacing:-.5px}#root,.App,body,html{min-height:100vh}.App{display:flex;flex-direction:column}.container{margin:0 auto;max-width:1200px;padding:0 15px}.none{display:none!important}.section{padding:20px 0}.projects__title-wrapper{background-color:#171718;color:#fff;padding:20px 0;width:100%;@media (max-width:1024px){padding-bottom:5px;padding-left:0;padding-right:0;padding-top:5px}}.projects__title{color:#5c62ec;color:var(--title-1);font-size:60px;font-weight:600;line-height:1.3;margin:0;text-align:center;@media (max-width:1024px){font-size:40px}}.projects__title2{font-size:40px;font-weight:700;line-height:1.3;margin-bottom:20px}.projects{column-gap:30px;justify-content:center;margin-block:10px;row-gap:30px;@media (max-width:1024px){margin-block:30px}}.projects,.projects__list{display:flex;flex-wrap:wrap}.projects__list{gap:30px 30px}.project-details{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:865px;text-align:center}.project-details__img{border-radius:10px;box-shadow:0 5px 35px #00000040;margin-bottom:40px;max-width:50%}.project-details__description{font-size:24px;font-weight:700;line-height:1.3;margin-bottom:30px}.contetn-list{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:570px;row-gap:5px;text-align:center}.contetn-list a{color:#5c62ec;color:var(--accent)}.content-list__item{font-size:18px;line-height:1.5}.content-list__item p+p{margin-top:.5em}@media (max-width:640px){.nav-row{justify-content:space-between}.dark-mode-btn{order:0}}@media (max-width:620px){.section{padding:10px 0}.projects__title{font-size:40px}.projects__title2{font-size:30px;line-height:1.3}.project__title{font-size:22px}.footer{padding:40px 0 30px}.social__item{width:28px}.social{gap:0 20px}.contetn-list,.footer__wrapper{row-gap:20px}.content-list__item{font-size:16px}.project-details__description{font-size:20px;margin-bottom:20px}.project-details__img{max-width:80%}}.dark-mode-btn{background-color:#272727;border-radius:50px;display:flex;height:26px;justify-content:space-between;order:1;padding:5px;position:relative;width:51px}.dark-mode-btn:before{background-color:var(--white);border-radius:50%;content:"";display:block;height:24px;left:1px;position:absolute;top:1px;transition:left .2s ease-in;width:24px}.dark-mode-btn--activ:before{left:26px}.dark-mode-btn__icon{position:relative;z-index:9}.nav-list{font-size:16px}.footer,.nav-list__link{color:var(--header-text)}.footer{background-color:var(--dark-bg);margin-top:auto;padding:60px 0 50px}.footer__wrapper{flex-direction:column;row-gap:27px}.footer__wrapper,.social{align-items:center;display:flex}.social{gap:0 30px}.copyright{font-size:16px}.copyright p+p{margin-top:.5em}.btn-container{display:flex;gap:0 30px;margin-bottom:20px}.btn-outline{align-items:center;background-color:var(--white);border:1px solid var(--blackpure);border-radius:5px;color:var(--blackpure);display:flex;gap:0 10px;height:48px;justify-content:center;transition:opasity .2s ease-in;width:160px}.btn-outline:hover{opacity:.8}.btn-outline:active{position:relative;top:1px}@media (max-width:640px){.btn-container{flex-direction:column;gap:20px 0}}.project{background-color:var(--project-card-bg);border-radius:10px;box-shadow:var(--box-shadow);max-width:370px}.project__img{border-radius:10px;height:250px;width:370px}.project__title{color:var(--project-card-text);font-size:24px;font-weight:700;line-height:1.3;padding:15px 20px 25px}.header{align-items:center;background-color:var(--dark-bg);background-image:url(/portfolio-react/static/media/header-bg.10bd437a775eb9c96cb5.png);background-position:50%;background-repeat:no-repeat;background-size:auto;color:var(--header-text);display:flex;justify-content:center;padding:40px 0;text-align:center}.header__wrapper{max-width:665px;padding:0 15px}.header__title{font-size:40px;font-weight:700;line-height:1.4;margin-bottom:20px}.header__title strong{font-size:60px}.header__title em{color:var(--accent);font-style:normal}.header__text{font-size:19px;line-height:1.33;margin-bottom:40px}.header__text p+p{margin-top:.5em}.btn{background-color:var(--accent);border-radius:5px;color:var(--white);display:inline-block;font-size:16px;font-weight:500;height:48px;letter-spacing:.15px;margin:.5rem .5rem 0 0;padding:12px 28px;transition:opasity .2s ease-in;@media (max-width:440px){ont-size:14px;padding-bottom:12px;padding-left:10px;padding-right:10px;padding-top:12px}}.btn:hover{opacity:.8}.btn:active{position:relative;top:1px}@media (max-width:620px){.header{min-height:0;min-height:auto}.header__title{font-size:30px}.header__title strong{font-size:40px}}#menu{background-color:#171718;height:100%;left:60px;position:fixed;transform:translateX(-100%);transition:all 1s cubic-bezier(.19,1,.22,1);width:300px;z-index:1}#menu.expanded{left:0;transform:translateX(0)}.menu-inner{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}#blob{height:100%;position:absolute;right:60px;top:0;transform:translateX(100%);z-index:-1}#blob-path{fill:#171718;height:100vh}.hamburger{height:20px;margin-top:-10px;position:absolute;right:20px;width:20px;z-index:2}.hamburger .line{background-color:#fff;height:4px;position:absolute;width:100%}.hamburger .line:nth-child(2){margin-top:-2px;top:50%}.hamburger .line:nth-child(3){bottom:0}.nav{background-color:var(--dark-bg);border-bottom:1px solid var(--dark-border);color:var(--header-text);letter-spacing:normal;padding:20px 0}.nav-row{align-items:center;column-gap:30px;display:flex;flex-wrap:wrap;justify-content:flex-end;row-gap:20px}.logo{color:var(--header-text);font-family:Poppins,sans-serif;font-size:24px;margin-right:auto}.logo strong{font-weight:700}.nav-list{align-items:center;column-gap:40px;display:flex;flex-direction:column;flex-wrap:wrap;font-family:Poppins,sans-serif;font-size:40px;font-weight:500;row-gap:10px}.nav-list__link{color:#fff;opacity:1;transition:opasity .2s ease-in;z-index:2}.nav-list__link:hover{opacity:.8}.nav-list__link_activ{position:relative}.nav-list__link_activ:before{background-color:var(--accent);content:"";display:block;height:2px;left:0;position:absolute;top:100%;width:100%}
/*# sourceMappingURL=main.500295e8.css.map*/