@font-face{font-family:Poppins;src:url(../fonts/Poppins-Medium.woff2) format("woff2"),url(../fonts/Poppins-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../fonts/Poppins-Bold.woff2) format("woff2"),url(../fonts/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Poppins,sans-serif;font-size:10px;font-weight:500;font-style:normal;text-align:left;-webkit-user-select:none;user-select:none}.container{max-width:114rem;margin:0 auto}.divider{width:6rem;height:.3rem;background-color:#ffa501;margin-bottom:2.1rem;margin:2.1rem auto 0}.title{color:#000;font-size:3.6rem;font-weight:700;line-height:6rem;letter-spacing:0}.title_fz48{font-size:4.8rem}.title_fz20{font-size:2rem;line-height:30px}.title_fz16{font-size:1.6rem;line-height:2.4rem}.title_fz14{font-size:1.4rem;line-height:2.1rem}.title_center{position:relative;text-align:center}.title_center::before{content:"";position:absolute;z-index:-1;top:-30%;left:-12px;width:3.6rem;height:3.6rem;border-radius:100%;background-color:#ffa501}.title_center::before{left:50%;transform:translateX(-50%)}.subtitle_center{letter-spacing:.1rem;margin-top:.6rem;text-align:center}.burger{box-sizing:content-box;position:fixed;top:1rem;right:2rem;width:3.6rem;height:2.1rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;cursor:pointer;padding:1rem;z-index:10}.burger__line{display:block;width:3rem;height:.3rem;background:#151812}.burger__line_long{width:3.6rem}.menu{position:fixed;top:0;width:100%;height:100dvh;z-index:4;transition:all .6s ease-in-out;left:-100%;visibility:hidden;opacity:0}.menu.active{left:0;visibility:visible;opacity:1}.menu__block{position:relative;width:34.5rem;height:100%;background-color:#ffa501;padding-top:14rem;padding-left:4rem;z-index:5}.menu__close{box-sizing:content-box;padding:1rem;position:absolute;top:1.5rem;right:1.5rem;cursor:pointer}.menu__list{list-style-type:none}.menu__link{position:relative;font-size:2.4rem;font-weight:700;line-height:36px;margin-bottom:1.5rem;margin-right:2rem}.menu__link::before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:1.3rem;height:1.3rem;border-radius:100%;border:.2rem solid #000;transition:all .3s ease-in-out;cursor:pointer}.menu__link a{display:block;padding-left:3.5rem;text-decoration:none;color:#fff;transition:all .3s ease-in-out}.menu__link:hover a{color:#000}.menu__link:hover::before{background-color:#000}.menu__social{position:absolute;bottom:5rem;left:50%;transform:translateX(-50%);width:9rem;display:flex;justify-content:space-between;align-items:center}.menu__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.75)}.social{position:fixed;z-index:3;top:50%;left:-14rem;display:flex;justify-content:space-between;align-items:center;width:33.8rem;height:2.4rem;transform:rotate(-90deg)}.social__divider{width:7rem;height:.2rem;background-color:#000}.social__link{display:block;width:2rem;height:2rem;transition:all .3s ease-in-out}.social__link:hover{opacity:.6}.social__link img{width:100%;height:100%}.promo{min-height:100dvh;position:relative;background-image:url(../img/promo-bg.jpeg);background-repeat:no-repeat;background-size:cover;background-position:center;padding-top:20.5rem;padding-bottom:20.6rem}.promo__title{margin-top:.9rem;max-width:53.2rem}.promo__suptitle{padding-left:1rem;position:relative;z-index:1}.promo__suptitle::before{content:"";position:absolute;z-index:-1;top:-30%;left:-12px;width:3.6rem;height:3.6rem;border-radius:100%;background-color:#ffa501}.promo__suptitle::before{left:-2px}.promo__btns{margin-top:2.5rem;display:flex;gap:1.7rem}.promo__link{display:inline-flex;justify-content:center;align-items:center;width:13.5rem;height:4.5rem;font-size:1.4rem;font-weight:700;color:#000;text-decoration:none;transition:all .3s ease-in-out;cursor:default}.promo__link_active{background-color:#ffa501;box-shadow:0 .4rem .4rem 0 rgba(0,0,0,.15);cursor:pointer}.promo__link_active:hover{box-shadow:0rem .8rem 1.6rem 0rem rgba(0,0,0,.15)}.about{padding:12rem 0}.about__wrapper{display:grid;grid-template-columns:40rem 57rem;grid-template-rows:minmax(24.3rem,auto) minmax(24.3rem,auto);grid-auto-rows:minmax(24.3rem,24.3rem);-moz-column-gap:7rem;column-gap:7rem;align-items:start}.about__photo{grid-row-start:1;grid-row-end:3;height:100%}.about__photo img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about__title{position:relative;margin:.6rem 0 .6rem 1.2rem}.about__title::before{content:"";position:absolute;z-index:-1;top:-30%;left:-12px;width:3.6rem;height:3.6rem;border-radius:100%;background-color:#ffa501}.about__subtitle{letter-spacing:.1rem}.about__text{font-size:14px;line-height:21px}.about__skills{display:grid;grid-template-columns:26rem 26rem;grid-template-rows:minmax(11.6rem auto) minmax(11.6rem auto);grid-auto-rows:minmax(11.6rem auto);align-items:start;-moz-column-gap:6.2rem;column-gap:6.2rem;row-gap:2rem}.about__skills-text{font-size:12px;line-height:18px}.about__skills-item{margin-left:1.2rem;display:flex;min-width:26rem;gap:2rem}.about__skills-circle{position:relative}.about__skills-circle::before{content:"";position:absolute;z-index:-1;top:-30%;left:-12px;width:3.6rem;height:3.6rem;border-radius:100%;background-color:#ffa501}.about__skills-circle::before{top:-10%}.divider_left{margin:0 0 2.1rem 0}.resume{padding-bottom:12rem}.resume__wrapper{padding:6rem 6.5rem 0;display:grid;grid-template-columns:repeat(2,42.5rem);justify-content:space-between}.resume__column-title{position:relative;padding-left:3.5rem}.resume__column-title::before{content:"";position:absolute;width:1.5rem;height:1.5rem;background-color:#ffa501;border-radius:100%;left:-.7rem;top:50%;transform:translateY(-50%);z-index:5}.resume__column ul{list-style-type:none}.resume__column ul li{padding-left:3.5rem;position:relative}.resume__column ul li::after{content:"";position:absolute;top:-1rem;left:0;width:.1rem;height:calc(100% + 1.6rem);background-color:#000}.resume__item{position:relative}.resume__item::before{content:"";height:.1rem;width:4.3rem;position:absolute;top:64px;left:-35px;background-color:#000}.resume__item-head{position:relative;padding:4.5rem 0 0 4.5rem}.resume__item-descr{margin-top:1.2rem}.resume__item-icon{position:absolute;top:5.5rem;left:1rem;z-index:5}.resume__item-icon::before{content:"";position:absolute;z-index:-1;top:-30%;left:-12px;width:3.6rem;height:3.6rem;border-radius:100%;background-color:#ffa501}.resume__item-subtitle{font-size:12px;line-height:18px}.resume__item-descr{font-size:12px;line-height:18px}.skills__items{padding:0 1rem 1rem;display:grid;grid-template-columns:repeat(4,27rem);justify-content:space-between;grid-template-rows:repeat(2,minmax(27rem,auto));grid-auto-rows:minmax(27rem,auto);gap:1.3rem;margin-top:6rem;margin-bottom:11rem}.skills__item{padding:2.5rem 3rem 3rem;border:.1rem solid #000}.skills__item-logo{display:flex;align-items:center;height:6.5rem}.skills__item-img{display:block}.skills__item-title{margin-top:2rem}.skills__item-descr{margin-top:1.5rem;font-size:12px;font-weight:500;line-height:18px;letter-spacing:.01rem}.skills__progress{display:grid;grid-template-columns:repeat(3,35rem);justify-content:space-between;grid-template-rows:repeat(2,minmax(7rem,auto));row-gap:3rem;grid-auto-rows:minmax(7rem,auto)}.skills__progress-item{display:flex;flex-direction:column;justify-content:space-between}.skills__progress-header{display:flex;justify-content:space-between;padding:.8rem .6rem 0 1.3rem}.skills__progress-title{position:relative}.skills__progress-title::before{content:"";position:absolute;z-index:-1;top:-30%;left:-12px;width:3.6rem;height:3.6rem;border-radius:100%;background-color:#ffa501}.skills__progress-title::before{top:-.8rem;left:-1.3rem}.skills__progress-percent{font-size:14px;line-height:21px}.skills__progress-bar{width:100%;height:1.4rem;border-radius:.4rem;background:#e8e4de}.skills__progress-scale{width:75%;height:100%;border-radius:.4rem;background:#ffa501}.portfolio{padding-top:12rem}.portfolio__wrapper{margin-top:6rem;display:grid;grid-template:repeat(2,28rem)/repeat(4,28rem);grid-auto-rows:28rem;gap:.5rem}.portfolio .vertical{grid-row:1/3;grid-column:4/5}.portfolio .horizontal{grid-row:2/3;grid-column:2/4}.portfolio__item{overflow:hidden}.portfolio__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease-in-out;filter:blur(.1rem)}.portfolio__img:hover{transform:scale(1.1);filter:blur(0rem)}.price-list{padding:6rem 6rem 0rem 6rem}.price-list__wrapper{padding:6.5rem 5rem 12rem;display:grid;grid-template-rows:repeat(3,minmax(4.4rem,auto));grid-auto-rows:4.4rem;grid-template-columns:repeat(2,37rem);justify-content:space-between;row-gap:1.5rem}.price-list__item{padding-left:2.5rem;display:grid;grid-template-rows:repeat(2,minmax(1.8rem,auto));grid-auto-rows:1.8rem;grid-template-columns:repeat(2,auto)}.price-list__title{position:relative;font-size:14px;font-weight:700;line-height:21px}.price-list__title::before{content:"";position:absolute;z-index:-1;top:-30%;left:-12px;width:3.6rem;height:3.6rem;border-radius:100%;background-color:#ffa501}.price-list__title::before{width:1.5rem;height:1.5rem;top:3px;left:-25px}.price-list__price{text-align:end;font-size:14px;font-weight:700;line-height:21px}.price-list__descr{font-size:12px;font-weight:500;line-height:18px;grid-column:1/3}.contacts__wrapper{padding:0 3.5rem 9.1rem 5.2rem;display:grid;grid-template-columns:40rem 58.5rem;justify-content:space-between}.contacts__photo img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.contacts__title{position:relative;margin:.6rem 0 .6rem 1.2rem}.contacts__title::before{content:"";position:absolute;z-index:-1;top:-30%;left:-12px;width:3.6rem;height:3.6rem;border-radius:100%;background-color:#ffa501}.contacts__subtitle{letter-spacing:.1rem}.contacts__text{font-size:14px;font-weight:700;line-height:21px}.contacts__social{padding:2rem 0;display:flex;gap:2.5rem}.contacts__link{display:block;width:3rem;height:3rem}.contacts__link img{width:100%}.contacts__form{margin-top:3rem;display:grid;grid-template:4.5rem 19rem 4.5rem/repeat(2,28rem);justify-content:space-between;row-gap:2.9rem}.contacts__form label{display:block;position:absolute;top:-.9rem;left:1.2rem;height:1.8rem;padding:0 .8rem;background-color:#fff;font-size:1.2rem}.contacts__input{position:relative}.contacts__input input{width:100%;height:100%;padding:0 2rem;color:#000;font-size:12px;font-weight:500;line-height:18px}.contacts__textarea{position:relative;grid-column:1/3}.contacts__textarea textarea{resize:none;width:100%;height:100%;padding:1rem 2rem;color:#000;font-size:12px;font-weight:500;line-height:18px}.contacts__triggers{grid-column:1/3;display:grid;grid-template-columns:repeat(2,auto);justify-content:space-between}.contacts__policy{font-size:12px;line-height:18px;display:flex;align-items:center}.contacts__policy input{margin-right:1rem}.contacts__btn{width:21.9rem;height:4.5rem;box-shadow:0 4px 4px 0 rgba(0,0,0,.15);font-size:14px;font-weight:700;line-height:21px;border:none;transition:all .3s ease-in-out;background-color:#ffa501;cursor:pointer}.contacts__btn:hover{box-shadow:0rem .8rem 1.6rem 0rem rgba(0,0,0,.15)}@media(max-width:1300px){.social{display:none}}@media(max-width:1200px){.container{padding-left:1rem}.about__wrapper{grid-template-columns:40rem 52rem;-moz-column-gap:3rem;column-gap:3rem}.about__skills{grid-template-columns:24rem 24rem;-moz-column-gap:2rem;column-gap:2rem}.about__skills-item{min-width:23rem}.skills__items{grid-template-columns:repeat(3,27rem);justify-content:space-around}.skills__progress{grid-template-columns:repeat(2,35rem);justify-content:space-around}.portfolio__wrapper{grid-template:repeat(2,28rem)/repeat(auto-fit,28rem);justify-content:center}.portfolio__wrapper .horizontal,.portfolio__wrapper .vertical{grid-row:unset;grid-column:unset}.contacts__wrapper{grid-template-columns:1fr}.contacts__photo{display:none}.contacts__content{padding:0 5rem}}@media(max-width:992px){.promo__title{max-width:43rem;font-size:42px}.about__wrapper{grid-template-columns:30rem 38rem}.about__subtitle{font-size:3rem}.about__skills{margin-top:2rem;grid-template-columns:36rem;grid-auto-rows:minmax(5rem,auto)}.resume .subtitle_center{font-size:3rem}.resume__wrapper{grid-template-columns:1fr;gap:4.5rem}.portfolio{padding-top:6rem}.skills .subtitle_center{font-size:24px}.skills__items{grid-template-columns:repeat(2,27rem);justify-content:space-around;margin-bottom:6rem}.skills__progress{grid-template-columns:repeat(2,35rem);justify-content:space-around}.price-list__wrapper{padding-bottom:4rem;grid-template-columns:repeat(auto-fit,37rem);-moz-column-gap:4rem;column-gap:4rem;justify-content:center}}@media(max-width:768px){.promo__title{max-width:40rem;line-height:39px;font-size:36px}.about{padding-top:4rem;padding-bottom:4rem}.about__wrapper{grid-template:48rem auto auto/1fr;gap:2rem}.about__photo{padding:1rem;grid-row:auto}.about__descr{padding:1rem}.about__skills{padding:1rem;grid-template-columns:repeat(2,26rem)}.resume{padding-bottom:4rem}.skills__progress{grid-template-columns:repeat(1,35rem)}.contacts__form{grid-template:4.5rem 4.5rem 19rem 4.5rem/repeat(2,auto)}.contacts .input_name{grid-column:1/3}.contacts .input_email{grid-column:1/3}.contacts__triggers{grid-column:1/3;display:grid;grid-template-columns:repeat(1,auto);justify-content:space-between;gap:2rem}.contacts__subtitle{font-size:3rem;line-height:3.6rem}.portfolio .subtitle_center{font-size:3rem;line-height:3.6rem}}@media(max-width:576px){.promo{background-repeat:no-repeat;background-position:60% 50%}.promo__title{max-width:29rem;font-size:26px;line-height:39px}.menu__block{width:25rem;padding-left:2rem}.burger{right:1rem}.about__wrapper{grid-template:34rem auto auto/1fr;gap:1rem}.about__skills{grid-template-columns:1fr}.about__subtitle{font-size:2.3rem}.resume .subtitle_center{font-size:24px}.resume__wrapper{padding:4rem 1rem 1rem 1rem}.portfolio .subtitle_center{font-size:2.4rem;line-height:3.6rem}.skills .subtitle_center{font-size:2.4rem;line-height:36px}.skills__items{grid-template-columns:repeat(1,27rem)}.skills__progress{grid-template-columns:repeat(1,28rem)}.price-list__wrapper{grid-template-columns:repeat(auto-fit,28rem);grid-auto-rows:minmax(4.4rem,auto)}.contacts__subtitle{font-size:2.4rem;line-height:3.6rem}.contacts__content{padding:0}.contacts__wrapper{padding:4rem 1rem}.contacts__triggers{grid-template-columns:repeat(1,1fr)}.contacts__policy{margin:0 auto}.contacts__btn{margin:0 auto;align-self:center}}