html{scroll-behavior:smooth}body.lock{overflow:hidden}*{font-family:"Nunito",sans-serif}.header{background-color:#f07167}.header__menu{padding:25px}.header__menu-list{margin:0 4.9%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap}.header__menu-link{font-size:1rem;color:#fff;letter-spacing:2.2px;-webkit-transition:.3s;transition:.3s;position:relative}.header__menu-link::before{position:absolute;content:"";width:0;height:2px;left:-20px;bottom:10px;background-color:#fff;-webkit-transition:width ease-in-out .3s;transition:width ease-in-out .3s}@media(hover: hover)and (pointer: fine){.header__menu-link:hover::before{width:10px}}.header__menu-link::after{position:absolute;content:"";width:0;height:2px;right:-17px;bottom:9px;background-color:#fff;-webkit-transition:width ease-in-out .3s;transition:width ease-in-out .3s}@media(hover: hover)and (pointer: fine){.header__menu-link:hover::after{width:10px}.header__menu-link:hover{color:#f0f600}}.header__burger{display:none}.container{max-width:1440px;margin:0 auto}.about{padding-top:45px;padding-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.about__avatar{width:350px;height:450px;border-radius:10px}.about__info{max-width:560px}.about__info>*{margin-left:80px}.about__name{margin-top:49px;font-family:"Alex Brush",cursive;font-size:4.375rem;color:#f07167;margin-left:64px}.about__sub{margin-top:10px}.sub{font-size:1.25rem;font-weight:bold}.title{font-size:1.5rem;text-transform:uppercase;color:#f07167;margin-top:60px}.descr{font-size:1.125rem;max-width:26.5em;margin-top:18px}.experience__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 11%}.experience__left{padding:0 10px}.experience__title{margin-top:60px}.experience__descr:nth-child(5){margin-top:7px}.experience__sub{margin-top:28px}.experience__right{padding:0 10px}.experience__list{margin-top:18px}.list li{font-size:1.125rem;margin-bottom:15px}.list li::before{content:"";width:10px;height:10px;display:inline-block;border-radius:50%;margin-right:15px;background-color:#f07167}.skills__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 11%;margin-top:60px;row-gap:60px}.skills__title{margin-top:0}.skills__lang{padding:0 10px;width:250px}.skills__list{margin-top:18px}.skills__code{padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:44px;row-gap:40px}.skills__descr{font-weight:bold}.skills__code-example{padding:20px 80px;font-size:1rem;line-height:22px;background-color:#cad2c5;opacity:.6;color:#000}.projects{padding:0 120px}.projects__title{text-align:center;margin:60px 0 30px 0}.projects__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:30px;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}.projects__img{width:240px;height:165px;border-radius:10px;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}@media(hover: hover)and (pointer: fine){.projects__img:hover{-webkit-transform:scale(1.4);transform:scale(1.4)}}.projects__item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px 45px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.projects__item-border{display:inline-block;border:1px solid #d3d3d3;border-radius:10px}.contacts__title{text-align:center;margin:50px 0 30px 0}.contacts__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:40px}.contacts__item{width:40px;height:40px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}@media(hover: hover)and (pointer: fine){.contacts__item:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}}.footer{margin-top:50px;padding-top:6px;background-color:#f07167;height:80px}.footer__my{font-size:2.625rem;font-family:"Alex Brush",cursive;color:#fff}@media(hover: hover)and (pointer: fine){.footer__my:hover{color:#f0f600}}.footer__github{width:70px;height:70px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}@media(hover: hover)and (pointer: fine){.footer__github:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}}.footer__year{font-size:1.375rem;color:#fff;letter-spacing:2.2px;margin-left:30px}.footer__rsschool{width:140px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}@media(hover: hover)and (pointer: fine){.footer__rsschool:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}}.footer .container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 1140px){.experience__wrapper,.skills__wrapper{margin-left:5%;margin-right:5%}}@media screen and (max-width: 1040px){.projects{padding:0 2%}}@media screen and (max-width: 980px){html{font-size:14px}.about__info>*{margin-left:60px}.about__name{margin-left:44px}}@media screen and (max-width: 900px){.about__avatar{width:300px;height:400px}}@media screen and (max-width: 850px){.header__menu-list{margin:0 40px}.about{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;padding:10px;padding-top:20px}.about__info{margin:0 5%}.about__info>*{margin-left:0}.about__name{margin-left:0}.about__avatar{opacity:.5;-webkit-opacity:.5;background:rgba(255,255,255,.5);position:absolute;right:20px}.experience__title{margin-top:40px}.skills__wrapper{margin-top:40px;row-gap:40px}.skills__code-example{padding:14px 50px}.projects__title{margin-top:40px}.projects__img{width:215px;height:155px}.footer__github{width:60px;height:60px}.footer__rsschool{width:120px}}@media screen and (max-width: 768px){.header{height:55px}.header__menu{position:fixed;top:55px;right:-100%;width:100%;height:100%;background-color:#f07167;-webkit-transition:right .6s ease;transition:right .6s ease;overflow:auto;z-index:8}.header__menu.active{right:0}.header__menu-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:40px;padding:10px 0}.header .container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.header__burger{margin-right:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:8px;width:44px;height:44px;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10}.header__burger span{width:25px;height:2px;border-radius:100px;background-color:#fff;-webkit-transition:all .5s ease;transition:all .5s ease}.header__burger.active span:nth-of-type(1){position:relative;top:6px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.header__burger.active span:nth-of-type(2){position:relative;top:-4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@media screen and (max-width: 460px){.about__avatar{width:250px;height:335px}.footer{height:auto}.footer__github{width:50px;height:50px}.footer__rsschool{width:98px}}@media screen and (max-width: 370px){html{font-size:12px}.about__avatar{width:210px;height:270px}.skills__code-example{padding:14px 25px}.footer__github{width:45px;height:45px}.footer__rsschool{width:90px}}/*# sourceMappingURL=style.min.css.map */