@font-face{font-family:SourceSansPro-Light;font-display:swap;src:url(../fonts/SourceSansPro-Light.woff) format("woff"),url(../fonts/SourceSansPro-Light.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"BIG JOHN";font-display:swap;src:url("../fonts/BIG JOHN.woff") format("woff"),url("../fonts/BIG JOHN.woff2") format("woff2");font-weight:400;font-style:normal}a,abbr,acronym,address,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,legend,li,mark,menu,nav,object,ol,output,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.2}ol{padding-left:1.4em;list-style:decimal}ul{padding-left:1.4em;list-style:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit;font-style:inherit}button{background:0 0;border:none;padding:0;margin:0;cursor:pointer}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:SourceSansPro-Light;font-size:40px}.lock{overflow:hidden}.container{padding:0 10%}.section__header{height:100vh;width:100%;background-repeat:no-repeat;top:0;-o-object-fit:fill;object-fit:fill;z-index:2}.header__logo{border-radius:50%;border:3px solid rgba(218,223,218,.5);padding:18px;padding-left:20px;height:140px;width:140px;text-align:center;line-height:1;font-family:SourceSansPro-Light;font-size:30px}.header{display:flex;justify-content:space-between;padding-top:5vh;z-index:3;color:#fff}.header__menu{width:50%;font-size:30px}.header__burger{display:none}.header__burger span{transition:all .3s ease 0s}.menu__list{display:flex;justify-content:space-between}.menu__list .menu__link::after{content:"";display:block;width:0%;height:2px;background-color:#fff;margin-top:1vh;transition:width .3s ease-out}.menu__link:focus::after,.menu__link:hover::after{width:100%;background-color:#8e2a11}.menu__list a:hover{color:#8e2a11}.first-letter{font-size:40px;line-height:1;font-family:"BIG JOHN"}.main__title{text-transform:uppercase;font-weight:700;text-align:center;margin:0 auto;padding-top:24vh;padding-bottom:4vh;letter-spacing:.7vw;color:#fff;font-size:45px;transform:translate(0,60%);opacity:0;transition:all .8s ease 0s;transition-delay:1.1s}.main__subtitle{margin:0 auto;text-align:center;font-size:30px;width:80%;color:#fff;text-shadow:0 0 3px #000;transform:translate(0,60%);opacity:0;transition:all .8s ease 0s}.section__about{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-bottom:15vh;background-color:#fff;width:100%}.section__title{text-transform:uppercase;text-align:center;margin:0 auto;padding-top:10vh;padding-bottom:10vh;letter-spacing:.7vw}.about__content{display:flex;justify-content:space-between}.about__text{width:52%;font-size:30px}.about__img{width:360px;height:360px;border-radius:50%;overflow:hidden}.about__img img{width:100%;overflow:hidden}.experience__descr{padding-bottom:12vh;font-size:27px;transform:translate(0,60%);opacity:0;transition:all .8s ease 0s}.section__skills{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.skills__block{border:none;width:43%;height:300px;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;margin:20px;padding:20px;background-color:#fff;box-shadow:0 0 10px #000;font-size:25px;transform:translate(0,60%);opacity:0;transition:all .8s ease 0s}.block__title{text-align:center;padding:2vh 0;color:#8e2a11}.block__list{list-style-type:circle}.section__skills{background-color:#f0f8ff}.skills__content{display:flex;justify-content:space-between;flex-wrap:wrap;padding:7vh 10vw}.section__experience{background-color:#f0f8ff}.row{display:flex;justify-content:space-between}#circleBar{padding-bottom:7vh;padding-top:7vh;display:block}#circleBar .container{padding:0 10%}#circleBar .col-md-3{width:22%}#circleBar .span__skill{text-align:center}#circleBar .canvas{margin:0 auto}#circleBar .round strong{position:absolute;margin-top:41px;transform:translate(-98px)}#circleBar .round .percents{position:absolute;margin-top:60px;transform:translate(-70px);font-size:27px}#circleBar span{font-size:37px}.section__range{background-color:#f0f8ff}.skills__descr{font-size:26px;padding-bottom:10vh}.footer{min-height:70vh;padding-bottom:10vh}.footer__content{padding:10vh 0;display:flex}.footer__form{display:block;width:53%}.footer__form input{width:75%;height:30px;padding-left:8px}.footer__form textarea{width:75%;height:12vh;font-family:SourceSansPro-Light;margin-top:20px;padding-left:8px;resize:none}.form__title{font-size:30px;padding-bottom:5vh}.form__button{border:none;background-color:#0c2828;color:#fff;cursor:pointer;transition:background-color .3s ease 0s}.form__button:hover{background-color:#8e2a11}.footer__contact{font-size:30px;line-height:1.8}.footer__contact i{padding-right:1vw;color:#0c2828}a .contact__phone{padding-bottom:2vh}a .contact__email{padding-bottom:2vh}a .contact__site{padding-bottom:2vh}.social__labels{font-size:50px}.social__labels a{padding-right:1vw}.social__title{font-size:30px}.contact__title{padding-bottom:4vh}.contact__social{padding-top:7vh}.footer__up{padding-top:2vh;text-align:center;border-top:solid 1px #666}.totop{width:100%;text-align:center}.animation-class{transform:translate(0,0);opacity:1}@media (max-width:1024px){body .lock{overflow:hidden}.header__burger .active{position:fixed;top:0;right:0}.header__burger{display:block;position:relative;width:30px;height:20px;z-index:4;cursor:pointer}.header__burger:after,.header__burger:before{content:"";background-color:#fff;position:absolute;width:100%;height:2px;transition:all .3s ease 0s}.header__burger:before{top:0}.header__burger:after{bottom:0}.header__burger span{position:absolute;background-color:#fff;left:0;width:100%;height:2px;top:9px}.header__menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);z-index:3;padding:70px 0 0 0;top:-100%;transition:all .3s ease 0s}.header__menu.active{top:0}.menu__list{display:block}.menu__list li{padding:5vh 0 5vh 7vw}.header__burger.active:before{transform:rotate(45deg);top:9px}.header__burger.active:after{transform:rotate(-45deg);bottom:9px}.header__burger.active span{transform:scale(0)}.about__content{display:block}.about__text{width:100%;padding-bottom:10%;font-size:30px}.about__img{width:560px;height:560px;border-radius:50%;overflow:hidden;margin:0 auto}.section__skills{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.skills__content{display:block;padding:7vh 0;width:100%}.skills__block{width:100%;margin:20px 0 20px 0}.footer__content{padding:10vh 0;display:block}.footer__form{width:100%;padding-bottom:9vh}}@media (max-width:768px){.section__range{visibility:collapse;height:0}.footer__form input{width:100%;height:40px}.footer__form textarea{width:100%}}@media (max-width:700px){.about__img{width:250px;height:250px}.section__range{visibility:collapse;height:0}}@media (max-width:500px){.container{padding:0 6%}.contact__email{font-size:15px}.contact__email i{font-size:23px}}@media (max-width:320px){body{font-family:SourceSansPro-Light;font-size:30px}.main__title{font-size:35px;padding-top:16vh}.main__subtitle{font-size:23px}.header__menu{width:320px}.about__img{width:250px;height:250px;border-radius:50%;overflow:hidden;margin:0 auto}.experience__descr{transform:translate(0,0);opacity:1}.contact__email{font-size:15px}#circleBar{visibility:collapse}.footer__contact{font-size:23px;line-height:1.8}}