@font-face{font-family:Roboto;src:url(/assets/Roboto-Light-781ec347.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-e7d28bc4.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Medium-1ce19367.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Bold-13063350.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Black-c451b9d5.woff2) format("woff2");font-weight:900;font-display:swap}*{padding:0;margin:0;border:none}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{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{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;-webkit-box-shadow:none;box-shadow:none;background-color:transparent;background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}html{width:100%}body{font-family:Roboto;font-size:18px;background-color:#131111;color:#e9dfdf}main{width:100%}.wrapper{min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.container{max-width:1180px;margin:0 auto;padding:0 2rem}.text{line-height:1.5}h2{font-size:32px;color:#e9dfdf;font-weight:700;position:relative;margin-bottom:20px}h2:before,h2:after{content:"";position:absolute;height:3px;background-color:red;left:0}h2:before{bottom:-5px;width:40px}h2:after{bottom:-15px;width:20px}.sidebar{position:-webkit-sticky;position:sticky;top:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;min-height:100vh;height:100%;width:-webkit-min-content;width:-moz-min-content;width:min-content;max-width:260px;padding:30px 20px;border-right:2px solid #e9dfdf}.sidebar__nav{margin:auto 0}.sidebar .nav__list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;gap:20px}.sidebar .nav__item{color:#e9dfdf;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:10px;font-size:24px;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.sidebar .nav__item:hover{color:red}.sidebar .nav__item span{padding-right:80px}.sidebar__btn{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;gap:7px;min-width:30px;margin-top:auto}.sidebar__btn span{height:4px;width:100%;background-color:#e9dfdf;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.sidebar__btn:hover span{background-color:red}.langs{text-align:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.langs button{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.langs button:hover{color:red}.section{height:100%;padding:40px}.home{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;gap:60px}.home__content{max-width:600px}.home .title{font-size:56px;font-weight:700}.home .title .name{color:red;font-weight:900}.home__profession{font-size:28px;margin:24px 0;font-weight:500}.home__profession span{color:red;font-weight:700}.home__btn{margin-top:48px;padding:12px 24px;border-radius:24px;color:#e9dfdf;background-color:red}.home__img{min-width:150px;margin-right:50px;position:relative}.home__img:before{content:"";position:absolute;top:-50px;left:-50px;width:100px;height:100px;border-top:10px solid rgb(255,0,0);border-left:10px solid rgb(255,0,0)}.home__img:after{content:"";position:absolute;bottom:-50px;right:-50px;width:100px;height:100px;border-bottom:10px solid rgb(255,0,0);border-right:10px solid rgb(255,0,0)}.home__img img{max-height:450px;width:100%;border-radius:50px}.about__content{width:100%}.about__name{margin:32px 0;font-size:24px}.about__name span+span{color:red;font-weight:700}.about__bottom{margin-top:60px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;gap:40px}.about__info{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 24px;-webkit-align-content:flex-start;align-content:flex-start}.about__info-item{padding-bottom:20px;border-bottom:1px solid gray;line-height:24px;color:red}.about .info__item-name{font-weight:500}.about .info__item-text{color:#e9dfdf}.about__scills{display:grid;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:20px;width:100%;max-width:400px;min-width:250px}.about__scill-item{display:grid;gap:12px}.about .scill__item-progress{position:relative;height:10px}.about .scill__item-progress:before{content:"";position:absolute;width:100%;height:100%;background-color:gray;border-radius:10px}.about .scill__progress-in{border-radius:10px;background-color:red;width:100%;height:10px;position:relative;z-index:5}.about .scill__progress-procent{position:absolute;right:0;top:-34px}.services__content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;width:100%}.services__cards{margin:32px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.services__card{background-color:#e9dfdf;color:#131111;padding:12px 24px 24px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;text-align:center;border-radius:10px;border:1px solid gray}.services__card-img{padding:24px;border-radius:50%;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.services__card:hover{-webkit-box-shadow:0 0 20px rgba(48,46,77,.15);box-shadow:0 0 20px #302e4d26}.services__card:hover .services__card-img{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);background-color:red}.services__card-name{margin:12px 0;font-size:24px;font-weight:500}.services__load-text{margin:10px auto 0}.spinner{font-size:28px;position:relative;display:inline-block;width:1em;height:1em;margin:0 auto}.spinner .spinner-blade{position:absolute;left:.4629em;bottom:0;width:.074em;height:.2777em;border-radius:.0555em;background-color:transparent;-webkit-transform-origin:center -.2222em;-ms-transform-origin:center -.2222em;-moz-transform-origin:center -.2222em;transform-origin:center -.2222em;-webkit-animation:spinner-fade9234 1s infinite linear;-moz-animation:spinner-fade9234 1s infinite linear;animation:spinner-fade9234 1s infinite linear}.spinner .spinner-blade:nth-child(1){-webkit-animation-delay:0s;-moz-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0)}.spinner .spinner-blade:nth-child(2){-webkit-animation-delay:83ms;-moz-animation-delay:83ms;animation-delay:83ms;-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)}.spinner .spinner-blade:nth-child(3){-webkit-animation-delay:.166s;-moz-animation-delay:.166s;animation-delay:.166s;-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);-moz-transform:rotate(60deg);transform:rotate(60deg)}.spinner .spinner-blade:nth-child(4){-webkit-animation-delay:.249s;-moz-animation-delay:.249s;animation-delay:.249s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}.spinner .spinner-blade:nth-child(5){-webkit-animation-delay:.332s;-moz-animation-delay:.332s;animation-delay:.332s;-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);-moz-transform:rotate(120deg);transform:rotate(120deg)}.spinner .spinner-blade:nth-child(6){-webkit-animation-delay:.415s;-moz-animation-delay:.415s;animation-delay:.415s;-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);-moz-transform:rotate(150deg);transform:rotate(150deg)}.spinner .spinner-blade:nth-child(7){-webkit-animation-delay:.498s;-moz-animation-delay:.498s;animation-delay:.498s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}.spinner .spinner-blade:nth-child(8){-webkit-animation-delay:.581s;-moz-animation-delay:.581s;animation-delay:.581s;-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);-moz-transform:rotate(210deg);transform:rotate(210deg)}.spinner .spinner-blade:nth-child(9){-webkit-animation-delay:.664s;-moz-animation-delay:.664s;animation-delay:.664s;-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);-moz-transform:rotate(240deg);transform:rotate(240deg)}.spinner .spinner-blade:nth-child(10){-webkit-animation-delay:.747s;-moz-animation-delay:.747s;animation-delay:.747s;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);transform:rotate(270deg)}.spinner .spinner-blade:nth-child(11){-webkit-animation-delay:.83s;-moz-animation-delay:.83s;animation-delay:.83s;-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);-moz-transform:rotate(300deg);transform:rotate(300deg)}.spinner .spinner-blade:nth-child(12){-webkit-animation-delay:.913s;-moz-animation-delay:.913s;animation-delay:.913s;-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);-moz-transform:rotate(330deg);transform:rotate(330deg)}@-webkit-keyframes spinner-fade9234{0%{background-color:#69717d}to{background-color:transparent}}@-moz-keyframes spinner-fade9234{0%{background-color:#69717d}to{background-color:transparent}}@keyframes spinner-fade9234{0%{background-color:#69717d}to{background-color:transparent}}.portfolio__cards{margin:32px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.portfolio__card{position:relative}.portfolio__card-img{background-color:#000}.portfolio__card-info{position:absolute;bottom:0;padding:20px;color:#e9dfdf;display:none}.portfolio__card-title{font-size:24px;margin-bottom:10px}.portfolio__card:before,.portfolio__card:after{content:"";position:absolute;width:60px;height:60px;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.portfolio__card:before{top:-5px;left:-5px;border-top:5px solid rgb(255,0,0);border-left:5px solid rgb(255,0,0)}.portfolio__card:after{bottom:-5px;right:-5px;border-right:5px solid rgb(255,0,0);border-bottom:5px solid rgb(255,0,0)}.portfolio__card:hover img{opacity:.3}.portfolio__card:hover .portfolio__card-info{display:block}.portfolio__card:hover:before,.portfolio__card:hover:after{width:-webkit-calc(100% + 10px);width:-moz-calc(100% + 10px);width:calc(100% + 10px);height:-webkit-calc(100% + 10px);height:-moz-calc(100% + 10px);height:calc(100% + 10px)}.contacts__content{width:100%}.contacts__form-text{margin:32px 0 16px}.contacts form{margin:32px 0 0}.contacts form .form__fields{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.contacts form label{display:grid;gap:12px}.contacts form input,.contacts form textarea{padding:20px 24px;border:1px solid #e9dfdf;border-radius:10px}.contacts form input:focus,.contacts form textarea:focus{border-color:red}.contacts form textarea{resize:none;overflow:hidden}.contacts form textarea:focus{border-color:red}.contacts form button{color:#131111;padding:12px 24px;border-radius:12px;border:2px solid #e9dfdf;background-color:#e9dfdf;margin-top:24px;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.contacts form button:hover{background-color:red;color:#e9dfdf}@media (max-width: 1200px){.sidebar .nav__item span{padding-right:0}}@media (max-width: 991.98px){.section{padding:25px}.home .title{font-size:42px}h2{font-size:26px}.about__info{grid-template-columns:auto;padding-top:10px}}@media (max-width: 800px){.section{padding:15px}.home{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;flex-direction:column-reverse}.home__img{margin:20px 0 0}.home__img:before{top:-20px;left:-20px}.home__img:after{bottom:-20px;right:-20px}.home__content{max-width:none}}@media (max-width: 767.98px){.wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.sidebar{background-color:#131111;z-index:100;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;height:-webkit-max-content;height:-moz-max-content;height:max-content;min-height:100%;max-width:none;width:100%;border:none;border-bottom:2px solid #e9dfdf;padding:20px 15px}.sidebar__nav{margin-right:14px}.sidebar__nav .nav__list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row}.sidebar__nav .nav__item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.sidebar__nav .nav__item span{display:none}.sidebar__btn{margin:0;display:none}}@media (max-width: 580px){.home .title{font-size:32px}.home__profession{font-size:20px}.home__img{max-width:270px;margin:20px 40px 0}.text{font-size:16px}.about__bottom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;margin-top:30px}.about__info{gap:24px}.about__info-item{padding-bottom:10px}.about__scills{max-width:none}.contacts form .form__fields{grid-template-columns:auto}}@media (max-width: 440px){.home,.about__name,.about__text{text-align:center}.portfolio__cards{grid-template-columns:auto}.contacts form button{width:100%}.contacts form input,.contacts form textarea{padding:16px 12px}}