/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"Inconsolata";src:url("../fonts/Inconsolata-VariableFont_wdth,wght.ttf") format("truetype");font-weight:100 900;font-stretch:75% 125%;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("../fonts/RobotoCondensed-Medium.ttf") format("truetype");font-weight:500;font-stretch:75% 125%;font-style:normal;font-display:swap}@font-face{font-family:"Open Sans";src:url("../fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");font-weight:500;font-stretch:75% 125%;font-style:normal;font-display:swap}body{background-color:#1b1a17;font-family:"Inconsolata";color:#f0e3ca}.container{max-width:1440px;padding:0 113px;margin:0 auto}@media(max-width: 1024px){.container{padding:0 37px}}h1,h2,h3,h4,h5,h6{margin:0}*,*>*{margin:0;padding:0;box-sizing:border-box}@keyframes rotateCircle{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}.header{position:fixed;top:0;left:0;width:100%;z-index:10;background-color:rgba(0,0,0,0);backdrop-filter:blur(20px);box-shadow:0 5px 5px rgba(0,0,0,.5607843137)}.header__content{display:flex;justify-content:space-between;padding:20px 0}.header__content .logo{max-width:240px}.menu__list{display:flex;gap:64px}.menu__item{font-family:"Inconsolata",monospace;list-style:none}.anchor-link{text-decoration:none;color:#f0e3ca;font-size:20px;font-weight:700;text-transform:capitalize;transition:color .5s ease-in,text-shadow .5s ease-in}@media(hover: hover){.anchor-link:hover{color:#b702ff;text-shadow:0 0 3px #b702ff}}@media(max-width: 1024px){.header__content{flex-direction:column;align-items:center;gap:16px}}@media(max-width: 768px){.header__content{flex-direction:row;justify-content:space-between;align-items:center}.header__content .logo{z-index:10}.menu{height:100vh;width:100vw;background-color:#1b1a17;position:fixed;top:-100vh;left:0;transition:.5s;opacity:0}.menu.active{top:0;opacity:1}.menu__list{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}}.about-me_content{display:flex;align-items:center;justify-content:center;gap:32px;padding-bottom:64px;padding-top:64px}.context-picture{width:100px;height:100px;position:relative;flex-shrink:0}.context-picture__item{position:absolute;top:50%;left:50%;width:72px;height:72px;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;-o-object-fit:cover;object-fit:cover}.context-picture__item--top{background:rgba(183,2,255,.7725490196);z-index:1;backdrop-filter:blur(8px);filter:blur(8px)}@keyframes rotateCircle{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}.context-picture__item--top{animation:rotateCircle 8s ease-out infinite}.context-picture__item--bottom{background:rgba(240,227,202,.5215686275);z-index:2;backdrop-filter:blur(8px);filter:blur(8px)}@keyframes rotateCircle{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}.context-picture__item--bottom{animation:rotateCircle 9s ease-in infinite}.about-me__text{max-width:904px;font-size:24px;font-weight:400}@media(max-width: 650px){.about-me_content{flex-direction:column}.about-me__text{font-weight:450}}.welcome__content{display:flex;gap:40px;align-items:center;justify-content:space-between;padding:160px 0 74px}@media(max-width: 1250px){.welcome__content{flex-direction:column;gap:64px;padding:128px 0}}@media(max-width: 768px){.welcome__content{padding:142px 0}}@media(max-width: 600px){.welcome__content{gap:80px}}.skills__content{display:flex;flex-direction:column;align-items:center;gap:32px;padding:64px 0}.list-skill-cards{display:flex;gap:16px;list-style:none;flex-wrap:wrap;justify-content:center}.list-skill-cards__item{width:200px;height:300px}.skill-card{transition:.4s;position:relative;width:100%;height:100%;cursor:pointer}.skill-card__back,.skill-card__front{position:absolute;top:0;left:0;backface-visibility:hidden;width:100%;height:100%;transition:.7s}.skill-card__back{transform:rotateY(180deg)}.skill-card__front{display:flex;transform:rotateY(0deg);flex-direction:column;align-items:center;gap:16px;border-radius:10px;background-color:#21201d;padding:60px 40px}.skill-card__wrapper-pic{width:128px;height:128px}.skill-card__wrapper-pic--smaller{width:114px}.skill-card__icon{fill:#f0e3ca;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:fill .4s}.skill-card__title{font-family:Arial,Helvetica,sans-serif;font-size:32px;font-weight:400}.skill-card__discription{font-family:"Open Sans",sans-serif;position:absolute;opacity:0;transform:translate(-50%, -50%);top:50%;left:50%;width:90%;font-size:24px;font-weight:500}.skill-card:hover .skill-card__icon{filter:drop-shadow(0 0 5px)}.skill-card:hover .skill-card__icon--html{fill:#fc490b;filter:drop-shadow(0 0 5px #FC490B)}.skill-card:hover .skill-card__icon--css{fill:#ca669b;filter:drop-shadow(0 0 5px #CA669B)}.skill-card:hover .skill-card__icon--js{fill:#ffdf00;filter:drop-shadow(0 0 5px #FFDF00)}.skill-card:hover .skill-card__icon--scss{fill:#2196f4;filter:drop-shadow(0 0 5px #2196F4)}.skill-card:hover .skill-card__icon--git{fill:#f25234;filter:drop-shadow(0 0 5px #F25234)}.skill-card.active{position:fixed;transition:top .4s,left .4s;z-index:11;transform:translate(-50%, -50%);top:50%;left:50%;width:100%;max-width:650px;max-height:300px}.skill-card.active .skill-card__discription{transition:opacity .4s .8s;opacity:1}.skill-card.active .skill-card__back{transition:transform .4s .4s;box-shadow:0 0 8px #1f1e1b;border-radius:8px;background:rgba(31,30,27,.5019607843);transform:rotateY(0deg);backdrop-filter:blur(5px)}.skill-card.active .skill-card__front{transition:transform .4s .4s;transform:rotateY(180deg)}.skill-card__close{transition:transform .3s;background-color:rgba(0,0,0,0);background-image:url("../img/crestick.svg");border:none;background-size:cover;background-repeat:no-repeat;position:absolute;top:15px;right:15px;z-index:2;width:40px;height:40px}.skill-card__close:hover{transform:rotate(45deg)}.fade{position:fixed;top:0;left:0;z-index:-1;background:rgba(0,0,0,0);width:100%;height:100vh}.fade.open{background-color:rgba(183,2,255,.4941176471);backdrop-filter:blur(5px);z-index:10}.no-scroll{overflow:hidden}@media(max-width: 700px){.skill-card.active{width:90%}}@media(max-width: 500px){.skill-card__front{flex-direction:row;padding:14px 36px}.list-skill-cards__item{max-width:300px;max-height:60px;width:100%}.skill-card__wrapper-pic{width:32px;height:32px}.list-skill-cards{flex-direction:column;width:100%;align-items:center}}.projects__content{display:flex;flex-direction:column;align-items:center;padding:64px 0;gap:32px}.projects-list{display:flex;flex-wrap:wrap;list-style:none;gap:16px;justify-content:center}.project-card{position:relative;width:320px;height:320px;overflow:hidden}.project-card__info{transition:top .4s,opacity .3s;position:absolute;display:flex;flex-direction:column;align-items:center;top:-100%;left:0;background:rgba(33,32,29,.9725490196);width:100%;height:100%;padding:40px 0;opacity:0}.project-card__top{padding-bottom:16px;border-bottom:#8000b3 1px solid;max-width:200px;width:100%;text-align:center;margin-bottom:16px}.project-card__discription{max-width:220px;margin-bottom:16px}.project-card__link{transition:background-color .3s;background-color:#32312e;padding:12px 20px;border-radius:5px;color:#f0e3ca;text-decoration:none;display:block}.project-card__link:hover{background-color:#494843}.project-card .common-title{margin-bottom:16px;line-height:1}.project-card__preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-card:hover .project-card__info{opacity:1;top:0}.reviews .common-title{margin:0 auto}.reviews__content{display:flex;flex-direction:column;gap:32px}.burger{display:none;width:48px;height:48px;background-color:rgba(0,0,0,0);border:none}.burger__center-line{position:relative;display:block;width:36px;height:4px;background-color:#f0e3ca;transition:background-color .3s 0s}.burger__center-line:before,.burger__center-line::after{position:absolute;content:"";display:block;width:36px;height:4px;background-color:#f0e3ca}.burger__center-line:before{top:-10px;transition:top .3s .3s,transform .3s}.burger__center-line:after{bottom:-10px;transition:bottom .3s .3s,transform .3s}@media(max-width: 768px){.burger{display:flex;justify-content:center;align-items:center;z-index:10}}.burger.active .burger__center-line{background-color:rgba(0,0,0,0)}.burger.active .burger__center-line:before{top:0;transform:rotate(45deg);transition:top .3s,transform .3s .3s}.burger.active .burger__center-line:after{bottom:0;transform:rotate(-45deg);transition:bottom .3s,transform .3s .3s}.hero{max-width:480px;width:100%}.hero__main-title{font-family:"Inconsolata";font-size:64px;font-weight:900;color:#b702ff;margin-bottom:14px}.hero__sub-title{font-family:"Inconsolata";font-size:40px;font-weight:700;color:#f0e3ca;margin-bottom:14px;text-transform:capitalize}.hero__discribe{font-family:"Inconsolata";font-size:20px;font-weight:400;color:#f0e3ca}@media(max-width: 600px){.hero__main-title{font-size:40px;font-weight:900}.hero__sub-title{font-size:32;font-weight:700}.hero__discribe{font-size:24;font-weight:400}}.avatar{background-image:url("../img/avatar-bg.png");position:relative;width:100%;max-width:630px;aspect-ratio:auto 4/3;background-repeat:no-repeat}.avatar__item{position:absolute;border-radius:29% 71% 16% 84%/69% 54% 46% 31%;max-width:373px;width:100%;aspect-ratio:1/1;top:50%;left:50%}.avatar__item--down{background:rgba(240,227,202,.8156862745);z-index:1;backdrop-filter:blur(20px);filter:blur(20px)}@keyframes rotateCircle{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}.avatar__item--down{animation:rotateCircle 9s ease-in infinite}.avatar__item--middle{background:rgba(183,2,255,.7725490196);z-index:2;backdrop-filter:blur(20px);filter:blur(20px)}@keyframes rotateCircle{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}.avatar__item--middle{animation:rotateCircle 8s ease-out infinite}.avatar__item--top{z-index:3;overflow:hidden;transform:translate(-50%, -50%) rotate(0deg)}.avatar__picture{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.common-title{font-size:32px;font-weight:700;color:#b702ff}.slider{position:relative;max-width:700px;margin:0px auto;width:100%}.wrapperHiden{overflow:hidden;width:100%;position:relative}.truck{display:flex;gap:10px;transition:transform .4s ease}.slide{flex-shrink:0;width:100%;background:#f4f4f6;border-radius:20px;padding:30px;box-shadow:0 10px 25px rgba(0,0,0,.06);box-sizing:border-box}.arrow{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#7b2ff7;color:#fff;border:none;cursor:pointer;z-index:5;transition:all .25s ease}.arrow svg{width:18px;height:18px;transition:transform .25s ease}.left{left:-55px}.right{right:-55px}.left svg{transform:rotate(180deg)}.arrow:hover{background:#5a1fd6;transform:translateY(-50%) scale(1.1)}.arrow:active{transform:translateY(-50%) scale(0.95)}.arrow:hover svg{transform:scale(1.2)}.left:hover svg{transform:rotate(180deg) scale(1.2)}.arrow_blocked{opacity:.3;pointer-events:none}.pagination{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.pagination__button{width:10px;height:10px;border-radius:20px;border:none;background:#d1c4f6;cursor:pointer;transition:all .3s ease}.pagination__button--active{width:26px;background:#7b2ff7}.slide__header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.slide__header .avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg, #7b2ff7, #9f44ff)}.slide__name{font-weight:600;font-size:16px;color:#5822b0}.slide__date{font-size:13px;color:#5a5a5a}.slide__bottom-container{display:flex;flex-direction:column;gap:10px}.slide__rating{color:#7b2ff7;font-size:16px;letter-spacing:2px}.slide__text{color:#444;line-height:1.5;font-size:14px}@media(max-width: 850px){.arrow{display:none}}/*# sourceMappingURL=main.css.map */