@-webkit-keyframes preloader-rotate{to{transform:rotate(360deg)}}@keyframes preloader-rotate{to{transform:rotate(360deg)}}@-webkit-keyframes preloader-bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}@keyframes preloader-bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}@-webkit-keyframes shake{0%,50%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}@keyframes shake{0%,50%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}@font-face{font-family:"Roboto";src:url(../fonts/Roboto-Regular.woff2) format("woff2"),url(../fonts/Roboto-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";src:url(../fonts/Roboto-Medium.woff2) format("woff2"),url(../fonts/Roboto-Medium.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";src:url(../fonts/Roboto-Bold.woff2) format("woff2"),url(../fonts/Roboto-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.page,figure{width:100%;height:100%}.page{font-family:"Roboto","Arial",sans-serif;font-size:20px;font-weight:400;line-height:28px;padding:0;margin:0 auto;box-sizing:border-box}*,::after,::before{box-sizing:inherit}.body{display:grid;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content;color:#000;margin:0;scroll-behavior:smooth}.visually-hidden{position:absolute;width:1px;height:1px;border:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden;padding:0;margin:-1px}.hide{display:none}figure{display:block;margin:0}.preloader{position:fixed;inset:0;background:#fff1e1;z-index:1001}.preloader__container{position:relative;top:50%;left:50%;width:70px;height:70px;margin-top:-35px;margin-left:-35px;text-align:center;-webkit-animation:preloader-rotate 2s infinite linear;animation:preloader-rotate 2s infinite linear}.preloader__item{position:absolute;display:inline-block;top:0;background-color:#87ceeb;border-radius:100%;width:35px;height:35px;-webkit-animation:preloader-bounce 2s infinite ease-in-out;animation:preloader-bounce 2s infinite ease-in-out}.preloader__item:last-child{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}.about-me{width:100%;text-align:center;color:#fff;background:#000}@media (max-width: 767.99px){.about-me{text-align:left;color:#000;background:#fff}}.about-me__wrapper{max-width:1440px;padding:50px;margin:0 auto}@media (max-width: 767.99px){.about-me__wrapper{max-width:none;padding:15px}}.about-me__text,.about-me__title{margin:0 0 20px}.about-me__list{text-align:start;display:flex;flex-flow:row wrap;gap:20px 0;margin:0}@media (max-width: 767.99px){.about-me__list{padding:0 0 0 19px}}.contacts{display:flex;flex-flow:column}.contacts__link{text-decoration:none;font-weight:700;color:#b6452c;margin:0 0 10px}.contacts__link:last-child{margin:0}.courses{width:100%;color:orange;background:#000;padding:50px}@media (max-width: 767.99px){.courses{padding:15px}}.courses__title{width:100%;max-width:1440px;text-align:center;display:block;padding:0;margin:0 auto 30px}@media (max-width: 767.99px){.courses__title{max-width:none}}.courses__slider{width:100%;max-width:1440px;display:grid;grid-template-columns:1fr 1fr;gap:0 50px;margin:0 auto}@media (max-width: 1023.99px){.courses__slider{max-width:none;grid-template-columns:1fr}}.courses__main-slide{width:100%;display:flex;align-items:center}@media (max-width: 1023.99px){.courses__main-slide{display:none}}.courses__main-slide img{width:100%;height:auto;margin:0;transition-duration:.3s}.courses__main-slide--current img,.courses__slides figure:hover img{box-shadow:0 0 10px 5px red;transition-duration:.7s}.courses__slides{display:grid;grid-template-columns:1fr 1fr;gap:20px 50px}@media (max-width: 767.99px){.courses__slides{grid-template-columns:1fr}}.courses__slides figure{display:flex;justify-content:center;align-items:center;background:0 0;padding:0}@media (max-width: 767.99px){.courses__slides figure{width:100%;height:auto}}.courses__slides img{width:100%;height:auto;transition-duration:.3s}@media (max-width: 767.99px){.courses__slides img{max-width:400px;height:auto;-o-object-fit:contain;object-fit:contain}}.courses__slides figure:hover img{outline:0;border:0}.education{width:100%;max-width:1440px;display:flex;flex-flow:row wrap;align-items:center;padding:0 50px 50px;margin:0 auto}@media (max-width: 767.99px){.education{max-width:none;padding:15px}}.education__title{width:100%;text-align:center;margin:0 0 30px}.education__info-container{width:80%}@media (max-width: 767.99px){.education__info-container{width:100%}}.education__text{margin:0 0 10px}.education__svg{width:20%;height:100px}@media (max-width: 767.99px){.education__svg{display:none}}.education:hover .education__svg-a{fill:orange}.education:hover .education__svg-b{fill:#00bfff}.experience{width:100%;text-align:center}@media (max-width: 767.99px){.experience{text-align:left;color:#fff;background:#000}}.experience__wrapper{max-width:1440px;padding:50px;margin:0 auto}@media (max-width: 767.99px){.experience__wrapper{max-width:none;padding:15px}}.experience__list{list-style-type:none;text-align:left;padding:0}.experience__item-begin{color:#00bfff}.experience__item-link{text-decoration:none;color:#ff00c8}.footer{width:100%;color:#fff;background:#000;padding:50px}@media (max-width: 767.99px){.footer{color:#000;background:#fff;padding:15px}}.footer__wrapper{width:100%;max-width:1440px;display:flex;justify-content:space-between;margin:0 auto}@media (max-width: 767.99px){.footer__wrapper{max-width:none;flex-flow:column wrap}}.header{width:100%;background:#000;padding:50px 0}@media (max-width: 767.99px){.header{display:none;padding:15px 0}}.header__wrapper{width:80%;max-width:1440px;margin:0 auto}@media (max-width: 767.99px){.header__wrapper{width:100%;max-width:none}}.header__list{width:100%;font-size:20px;line-height:28px;text-align:center;list-style:none;display:flex;justify-content:space-around;align-items:center;padding:0;margin:0}.header__item,.header__item:hover{transition-duration:.7s}.header__item:hover{background-color:#00bfff;border-radius:10px}.header__item:hover .header__link{color:#000}.header__link{text-decoration:none;display:block;color:#fff;padding:10px}.hobby{width:100%;max-width:1440px;padding:50px;margin:0 auto}@media (max-width: 767.99px){.hobby{max-width:none;padding:15px}}.hobby__title{text-align:center;margin:0 0 50px}.hobby__text{font-size:16px;line-height:20px;margin:0 0 10px}.hobby__list{width:100%;list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px 20px;padding:0;margin:0 auto}@media (max-width: 767.99px){.hobby__list{grid-template-columns:1fr 1fr}}.hobby__item{width:100%;min-height:130px;text-align:center;display:flex;flex-flow:column;justify-content:space-around;align-items:center;color:#000;background:#fff;border:4px solid #00bfff;border-radius:50px;overflow:hidden;transition-duration:.7s}.hobby__item:hover{box-shadow:0 0 10px 5px currentColor;border:0;transition-duration:.7s}.hobby__item-description{width:80%;margin:0}@media (max-width: 767.99px){.hobby__item-description{width:100%}}.hobby__item-svg{width:50px;height:50px}.hobby__button{font-family:inherit;font-size:16px;line-height:20px;border-radius:20px;background:rgba(114,158,134,0.0295);padding:10px 20px;margin:0;cursor:pointer}.photo-gallery{width:100%;max-width:1440px;text-align:center;color:#000;background:#fff;padding:50px;margin:0 auto}@media (max-width: 767.99px){.photo-gallery{display:none}}.photo-gallery__title{margin:0 0 50px}.photo-gallery__container{width:800px;height:800px;display:flex;flex-flow:row wrap;margin:0 auto}@media (max-width: 767.99px){.photo-gallery__container{width:100%}}.photo-gallery__slider{height:400px;list-style:none;position:relative;padding:0;margin:0 0 20px;overflow:hidden}.photo-gallery__slide{width:400px;height:400px;position:absolute;transition:all .5s}@media (max-width: 767.99px){.photo-gallery__slide{width:100%;height:auto}}.photo-gallery__image,.photo-gallery__picture{width:100%;height:100%}.photo-gallery__button-container{width:80%;display:flex;justify-content:space-between;margin:0 auto}.photo-gallery__button{width:150px;height:50px;font-size:20px;line-height:22px;border:3px solid #00bfff;border-radius:20px;color:#000;background-color:#fff;cursor:pointer}.portfolio{width:100%;text-align:center;color:#fff;background:#000;padding:50px}@media (max-width: 767.99px){.portfolio{color:#000;background:#fff;padding:15px}}.portfolio__wrapper{width:100%;max-width:1440px;margin:0 auto}@media (max-width: 767.99px){.portfolio__wrapper{max-width:none}}.portfolio__title{color:orange;margin:0 0 30px}.portfolio__text{margin:0 0 20px}.portfolio__list{width:100%;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:50px 10%;padding:0;margin:0}@media (max-width: 767.99px){.portfolio__list{grid-template-columns:1fr}}.portfolio__item{width:100%;background:#000;border:2px solid #ff1493;border-radius:40px}@media (max-width: 767.99px){.portfolio__item{background:#fff}}.portfolio__link{text-decoration:none;text-align:center;display:flex;flex-flow:row wrap;justify-content:center;color:inherit;padding:20px}@media (max-width: 767.99px){.portfolio__link{display:block}}.portfolio__item:hover{transform:scale(95%);transition:1s ease;border:2px solid #00bfff}.portfolio__link-title{width:100%;display:block;margin:0 0 20px}.portfolio__image{width:100%;height:300px;margin:0 auto;-o-object-fit:contain;object-fit:contain}@media (max-width: 767.99px){.portfolio__image{width:100%;height:auto}}.portfolio__description{margin-bottom:10px}.portfolio__item-description:last-child{margin-bottom:0}.preview{width:100%;max-width:1440px;display:flex;align-items:center;justify-content:center;padding:50px;margin:0 auto}@media (max-width: 767.99px){.preview{max-width:none;background:#000;padding:15px}}.preview__title{width:80%;font-size:26px;line-height:30px;text-align:center;color:orange;margin:0}@media (max-width: 767.99px){.preview__title{width:100%;font-size:20px}}.my-targets{width:100%;text-align:center}@media (max-width: 767.99px){.my-targets{text-align:initial;color:#fff;background:#000}}.my-targets__wrapper{max-width:1440px;padding:50px;margin:0 auto}@media (max-width: 767.99px){.my-targets__wrapper{max-width:none;padding:15px}}.my-targets__link{text-decoration:none;color:#ff00c8}.my-targets__item{color:#00bfff}.skills{width:100%;text-align:center;color:#241818;background:#000;padding:50px}@media (max-width: 767.99px){.skills{padding:15px}}.skills__wrapper{width:100%;max-width:1440px;margin:0 auto}@media (max-width: 767.99px){.skills__wrapper{max-width:none}}.skills__title{color:orange;margin:0 0 50px}.skills__text{color:orange;margin:0 0 30px}.skills__list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:20px 20px;color:#fff;counter-reset:counter-name;padding:0;margin:0}@media (max-width: 767.99px){.skills__list{grid-template-columns:1fr}}.skills__item{width:100%;font-size:22px;line-height:34px;letter-spacing:-.5px;text-align:center;position:relative;border:1px solid #00bfff;border-radius:35px;padding:75px 20px 50px;box-sizing:border-box;overflow:hidden}.skills__item::before{counter-increment:counter-name;content:"0" counter(counter-name);width:100%;height:55px;font-size:28px;line-height:38px;font-weight:700;letter-spacing:-1.27px;position:absolute;top:1px;left:50%;transform:translateX(-50%);color:#0ad9c6;padding-top:25px;box-sizing:border-box}.social__container{width:50%;display:flex;justify-content:space-around;margin:0 auto}@media (max-width: 767.99px){.social__container{width:100%}}.social__instagram,.social__link,.social__vk{width:40px;height:40px}.social__instagram path,.social__vk path{width:40px;height:40px;fill:#fff}@media (max-width: 767.99px){.social__instagram path,.social__vk path{fill:#000}}.social__instagram:hover,.social__vk:hover{-webkit-animation:shake 1.2s ease-in-out;animation:shake 1.2s ease-in-out}