@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&family=Roboto:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&display=swap);*{border:0;margin:0;padding:0}*,:after,:before{box-sizing:border-box}:active,:focus,a:active,a:focus{outline:none}aside,footer,header,nav{display:block}body,html{-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%;font-size:14px;height:100%;line-height:1;width:100%}button,input,textarea{font-family:inherit;margin:0;padding:0}input::-ms-clear{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button{cursor:pointer}button::-moz-focus-inner{border:0;padding:0}a,a:visited{color:inherit}a,a:hover,a:visited{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}body{overflow-x:hidden}.hidden{display:none!important}:root{--workPizza:#ff9347;--link:#6f7071;--font:#222f3e;--font2:#7a7ee4}main{-webkit-animation:ContentLoadAnimate 1s;animation:ContentLoadAnimate 1s}body{color:#222f3e;color:var(--font);font-family:Manrope,sans-serif}section{margin-bottom:300px}a{transition:all .1s}a:hover{color:#7a7ee4;color:var(--font2)}.container{margin:0 auto;max-width:1320px;padding:0 10px}.header{-webkit-animation:HeaderLoadAnimate 1s;animation:HeaderLoadAnimate 1s;font-weight:700;margin-bottom:300px;padding-top:40px}.header__nav{display:flex;font-size:25px;justify-content:space-between}.header__list{color:#6f7071;color:var(--link);display:flex;font-size:20px;font-weight:400;gap:0 40px}.hero{-webkit-animation:HeroLoadAnimate 1s;animation:HeroLoadAnimate 1s;font-weight:700}.hero__title{font-size:60px}.hero__react{color:#7a7ee4;color:var(--font2)}.project__content{align-items:center;display:flex;gap:70px;margin-bottom:150px}.project__img{border-radius:5%}.project__info{max-width:600px}.project__title{font-family:Manrope,sans-serif;font-size:50px;font-weight:700;margin-bottom:20px}.project__subtitle{font-size:30px;margin-bottom:20px}.project__link{color:#6f7071;color:var(--link);font-size:18px}.skills__box{grid-column-gap:40px;grid-row-gap:40px;align-items:center;display:grid;grid-template-columns:repeat(4,auto);grid-template-rows:repeat(2,auto);justify-content:center}.skills__img{height:75px;width:75px}.skills__text{text-align:center}.aboutme__box{align-items:center;display:flex;justify-content:space-between}.aboutme__text{max-width:65%}.aboutme__title{font-size:40px;font-weight:700;line-height:1.3;margin-bottom:30px}.aboutme__subtitle{font-size:25px;line-height:1.3}.aboutme__photo{border-radius:10px;box-shadow:0 0 2px #bfe2ff,0 0 5px rgba(0,0,0,.2),inset 0 0 5px rgba(0,0,0,.2);overflow:hidden;padding:15px;position:relative}.aboutme__photo:before{-webkit-animation:animateAvatar 20s linear infinite;animation:animateAvatar 20s linear infinite;background:repeating-linear-gradient(#fff,#fff 7.5px,#bfe2ff 0,#bfe2ff 15px,#fff 0,#fff 22.5px,#bfe2ff 0,#bfe2ff 30px);content:"";height:150%;position:absolute;-webkit-transform:translateX(-20%) translateY(-20%) rotate(-45deg);transform:translateX(-20%) translateY(-20%) rotate(-45deg);width:150%}.aboutme__photo img{border-radius:10px;box-shadow:0 0 2px #bfe2ff,0 0 5px rgba(0,0,0,.2),inset 0 0 5px rgba(0,0,0,.2);position:relative;width:270px;z-index:2}.feedback img{width:75px}.feedback__title{text-align:center}.feedback__img{display:flex;gap:20px;justify-content:center;padding-top:10px}.hello__text{color:#7a7ee4;color:var(--font2);font-size:30px;font-weight:700;margin-bottom:20px}@-webkit-keyframes animateAvatar{0%{background-position:0}to{background-position:0 150px}}@keyframes animateAvatar{0%{background-position:0}to{background-position:0 150px}}@-webkit-keyframes HeaderLoadAnimate{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes HeaderLoadAnimate{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes HeroLoadAnimate{0%{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes HeroLoadAnimate{0%{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes ContentLoadAnimate{0%{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes ContentLoadAnimate{0%{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media(max-width:1024px){.project__img{max-width:400px}}@media(max-width:768px){.header,section{margin-bottom:200px}.header{padding-top:15px}.header__name{display:none}.header__nav{display:block}.header__list{font-size:20px;justify-content:space-around}.hero__title{font-size:40px}.project__content{flex-direction:column;gap:20px;margin-bottom:200px}.project__img{max-width:350px;order:0!important}.project__info{max-width:600px;text-align:center}.project__title{font-size:20px;margin-bottom:20px}.project__subtitle{font-size:30px;margin-bottom:20px}.project__link{font-size:18px}.skills__img{height:50px;width:50px}.skills__box{grid-column-gap:25px;grid-row-gap:20px}.aboutme__box{gap:20px 0}.aboutme__text{max-width:65%}.aboutme__title{font-size:18px;line-height:1.2;margin-bottom:15px}.aboutme__subtitle{font-size:15px;line-height:1.2}.aboutme__photo img{width:200px}.hello__text{font-size:20px}}@media(max-width:425px){.header,section{margin-bottom:150px}.header{padding-top:15px}.header__name{display:none}.header__nav{display:block;font-size:12px}.header__list{font-size:10px;gap:0 10px;justify-content:space-around}.hero__title{font-size:40px}.project__content{flex-direction:column;gap:20px;margin-bottom:150px}.project__img{max-width:250px;order:0!important}.project__info{max-width:600px;text-align:center}.project__title{font-size:20px;margin-bottom:20px}.project__subtitle{font-size:30px;margin-bottom:20px}.project__link{font-size:18px}.skills__img{height:50px;width:50px}.skills__box{grid-column-gap:25px;grid-row-gap:20px}.aboutme__box{flex-direction:column;gap:20px 0}.aboutme__text{max-width:100%}.aboutme__title{margin-bottom:15px}.aboutme__subtitle,.aboutme__title{font-size:12px;line-height:1.2}.aboutme__photo img{width:100px}.hello__text{font-size:20px}}@media(max-width:375px){.header,section{margin-bottom:150px}.header{padding-top:15px}.header__nav{font-size:12px}.header__list{font-size:10px;gap:0 10px}.hero__title{font-size:40px}.project__content{flex-direction:column;gap:20px;margin-bottom:150px}.project__img{max-width:250px;order:0!important}.project__info{max-width:600px;text-align:center}.project__title{font-size:20px;margin-bottom:20px}.project__subtitle{font-size:30px;margin-bottom:20px}.project__link{font-size:18px}.skills__img{height:50px;width:50px}.skills__box{grid-column-gap:25px;grid-row-gap:20px}.aboutme__box{flex-direction:column;gap:20px 0}.aboutme__text{max-width:100%}.aboutme__title{margin-bottom:15px}.aboutme__subtitle,.aboutme__title{font-size:12px;line-height:1.2}.aboutme__photo img{width:100px}.hello__text{font-size:20px}}
/*# sourceMappingURL=main.5368c472.css.map*/