@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;--nav-bg:var(--black);--nav-border:var(--black-border);--nav-text:var(--white);--header-bg:var(--black);--header-text:var(--white);--footer-bg:var(--black);--footer-text:var(--white);--page-bg:var(--white);--text-color:var(--black);--accent:var(--purple);--title-1:var(--accent);--project-card-bg:var(--white);--project-card-text:var(--black);--box-shadow:0px 5px 35px #00000040}.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:70px 0}.title-1{color:#5c62ec;color:var(--title-1);font-size:60px;margin-bottom:60px;text-align:center}.title-1,.title-2{font-weight:700;line-height:1.3}.title-2{font-size:40px;margin-bottom:20px}.project-details{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:865px;text-align:center}.project-details__cover{border-radius:10px;box-shadow:0 5px 35px #00000040;box-shadow:var(--box-shadow);margin-bottom:40px;max-width:100%}.project-details__desc{font-size:24px;font-weight:700;line-height:1.3;margin-bottom:30px}.content-list{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:570px;row-gap:40px;text-align:center}.content-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:620px){.header{min-height:0;min-height:auto}.header__title{font-size:30px}.header__title strong{font-size:40px}.nav-row{justify-content:space-between}.dark-mode-btn{order:0}.section{padding:40px 0}.title-1{font-size:40px;margin-bottom:30px}.title-2{font-size:30px;margin-bottom:10px}.project__title{font-size:22px}.project-details__desc{font-size:22px;margin-bottom:20px}.content-list{row-gap:20px}.content-list__item{font-size:16px}.footer{padding:40px 0 30px}.footer__wrapper{row-gap:20px}.social{column-gap:20px}.social__item{width:28px}}.nav{background-color:var(--nav-bg);border-bottom:1px solid var(--nav-border);color:var(--nav-text);letter-spacing:normal;padding:20px 0}.nav-row{column-gap:30px;justify-content:flex-end;row-gap:20px}.nav-list,.nav-row{align-items:center;display:flex;flex-wrap:wrap}.nav-list{column-gap:40px;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;row-gap:10px}@media(max-width:640px){.nav-list{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;position:absolute;right:50%;top:-1000px;transform:translateX(50%);transition:all .4s;z-index:10}}.nav-list__link{color:var(--nav-text);transition:opacity .2s ease-in}@media(max-width:640px){.nav-list__link{font-size:32px}}.nav-list__link:hover{opacity:.8}.nav-list__link--active{position:relative}.nav-list__link--active:before{background-color:var(--accent);content:"";display:block;height:2px;left:0;position:absolute;top:100%;width:100%}.logo{color:var(--nav-text);font-family:Poppins,sans-serif;font-size:24px;margin-right:auto}.logo strong{font-weight:700}.burger{align-items:center;background-color:#0000;border:none;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .4s;width:20px;z-index:10}.burger:hover{scale:1.1}@media(min-width:640px){.burger{display:none}}body{transition:all .3s}:has(.nav__active) body:before{background-color:var(--black-border);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .3s}.nav__active .nav-list{top:120px}body:has(.nav__active){overflow-y:hidden}.dark-mode-btn,.logo{position:relative}.dark-mode-btn{background-color:#272727;border-radius:50px;display:flex;height:26px;justify-content:space-between;order:9;padding:5px;width:51px}.dark-mode-btn:before{background-color:#fff;border-radius:50%;content:"";display:block;height:24px;left:1px;position:absolute;top:1px;transition:left .2s ease-in;width:24px}.dark-mode-btn--active:before{left:26px}.dark-mode-btn__icon{position:relative;z-index:9}.footer{background-color:var(--footer-bg);color:var(--footer-text);margin-top:auto;padding:60px 0 50px}.footer__wrapper{flex-direction:column;row-gap:27px}.footer__wrapper,.social{align-items:center;display:flex}.social{column-gap:30px}.social__item{transition:all .3s}.social__item:hover{scale:1.1}.copyright{font-size:16px}.copyright p+p{margin-top:.5em}.header{align-items:center;background-color:var(--header-bg);background-image:url(/react__portf_1/static/media/header-bg.5bf82a058f892ab7f237.png);background-position:50%;background-repeat:no-repeat;background-size:auto;color:var(--header-text);display:flex;justify-content:center;min-height:695px;padding:40px 0;text-align:center}@media(max-width:640px){.header{min-height:100vh;padding:20px 0}}.header__box{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}@media(max-width:640px){.header__box{flex-direction:column}}.header__wrapper{max-width:660px;padding:0 15px}.header__title{font-size:40px;font-weight:700;line-height:1.4;margin-bottom:20px}@media(max-width:640px){.header__title{font-size:28px}}.header__title strong{font-size:60px;font-weight:700}@media(max-width:640px){.header__title strong{font-size:48px}}.header__title em{color:var(--accent);font-style:normal}.header__text{font-size:18px;line-height:1.333;margin-bottom:40px}@media(max-width:640px){.header__text{font-size:16px}}.header__text p+p{margin-top:.5em}.btn:nth-last-child(2n){background-color:#e0dfdf;color:#000}.projects{align-items:center;column-gap:30px;display:flex;flex-wrap:wrap;justify-content:center;row-gap:30px}.project{background-color:var(--project-card-bg);border-radius:10px;box-shadow:var(--box-shadow);max-width:370px;transition:all .4s}.project:hover{scale:1.02}.project__img{border-radius:10px;min-height:250px;object-fit:cover;padding:10px}.project__title{color:var(--project-card-text);font-size:24px;font-weight:700;line-height:1.3;padding:15px 20px 25px;text-align:center}.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;padding:12px 28px;transition:opacity .2s ease-in}.btn:hover{opacity:.8}.btn:active{position:relative;top:1px}.btn-outline{align-items:center;background-color:#fff;border:1px solid #000;border-radius:5px;color:#000;column-gap:10px;display:flex;height:48px;padding:12px 20px;transition:opacity .2s ease-in}.btn-outline:hover{opacity:.8}.btn-outline:active{position:relative;top:1px}
/*# sourceMappingURL=main.4cfc4eb4.css.map*/