.header{min-height:100vh;position:relative;background:linear-gradient(-967deg,var(--whiteColor) 43%,var(--blackColor) -50%)}.header__content{display:flex;justify-content:space-between;align-items:center}.header__content-info{display:flex;flex-direction:column;gap:20px}.header__content-info p{min-width:400px;font-family:var(--third-family);font-weight:700;font-size:30px;text-align:start;color:#000}.header__content-info h1{font-family:var(--third-family);font-weight:700;font-size:80px;color:#000}.header__content-info h2{font-family:var(--third-family);font-weight:800;font-size:25px;color:#909090}.header__content-info-soicials{display:flex;margin-top:100px;gap:40px}.header__content-info-soicials-link{padding:10px 12px;box-shadow:0 4px 4px #00000040;background:#c4c4c4;border-radius:10px;display:flex;align-items:center;transition:.4s}.header__content-info-soicials-link:hover{transform:scale(1.1)}.header__content-info-soicials-link img{animation:rotateIcon 5s infinite}@keyframes rotateIcon{0%{transform:rotate(-10deg)}25%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}.header__content-myImg{height:1000px;overflow:hidden;margin-left:400px}.header__content-myImg img{width:100%;height:100%;object-fit:cover}.nav{padding:50px 0;display:flex;position:fixed;top:0;width:100%;z-index:1000}.nav__content{display:flex;justify-content:space-between;align-items:center}.nav__logo{display:flex}.nav__logo p{font-family:var(--font-family);font-size:45px;font-weight:700;color:var(--blackColor);-webkit-user-select:none;user-select:none;transition:.4s}.nav__logo-latterM{transform:translateY(-13px)}.nav__logo-latterS{transform:translateY(13px)}.nav__logo:hover .nav__logo-latterM,.nav__logo:hover .nav__logo-latterS{transform:translateY(0)}.nav__list{display:flex;gap:80px}.nav__list-link{font-family:var(--font-family);font-weight:700;font-size:17px;text-align:center;color:var(--whiteColor)}.nav__list-link-contact{font-family:var(--font-family);font-weight:700;font-size:15px;text-align:center;color:var(--blackColor);padding:15px 20px;background:var(--whiteColor);border-radius:30px;transition:.4s}.nav__list-link-contact:hover{background:var(--blackColor);color:var(--whiteColor);outline:2px solid var(--whiteColor)}.aboutMe{background:radial-gradient(50% 50% at 50% 50%,#1a151500,#01010129),#fff;padding:140px 0}.aboutMe__content{display:flex;flex-direction:column;align-items:center}.aboutMe__content-title{max-width:450px;padding:25px 70px;border:8px solid #000}.aboutMe__content-title h2{font-family:var(--font-family);font-weight:700;font-size:30px;letter-spacing:.36em;text-align:center;color:#000;text-transform:uppercase}.loader{position:fixed;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity 1s ease-out;background:radial-gradient(50% 50% at 50% 50%,#1a151500,#01010129),#fff;z-index:1100}.loader.fade-out{opacity:0}.loader__M,.loader__S{font-family:var(--font-family);font-size:50px;font-weight:700;color:var(--blackColor);-webkit-user-select:none;user-select:none}.loader__M{animation:logo-M 1s infinite linear}.loader__S{animation:logo-S 1s infinite linear}@keyframes logo-M{0%{transform:translateY(0)}50%{transform:translateY(-25px)}to{transform:translateY(0)}}@keyframes logo-S{0%{transform:translateY(-25px)}50%{transform:translateY(0)}to{transform:translateY(-25px)}}@font-face{font-family:Roboto,Montserrat,Open Sans,Raleway,Advent Pro,Varela,Nunito;src:url("../fonts/Roboto, Montserrat, Open Sans, Raleway, Advent Pro, Varela, Nunito-Light.ttf");font-style:normal,italic;font-weight:300}@font-face{font-family:Roboto,Montserrat,Open Sans,Raleway,Advent Pro,Varela,Nunito;src:url("../fonts/Roboto, Montserrat, Open Sans, Raleway, Advent Pro, Varela, Nunito-Regular.ttf");font-style:normal,italic;font-weight:400}@font-face{font-family:Roboto,Montserrat,Open Sans,Raleway,Advent Pro,Varela,Nunito;src:url("../fonts/Roboto, Montserrat, Open Sans, Raleway, Advent Pro, Varela, Nunito-Medium.ttf");font-style:normal,italic;font-weight:500}@font-face{font-family:Roboto,Montserrat,Open Sans,Raleway,Advent Pro,Varela,Nunito;src:url("../fonts/Roboto, Montserrat, Open Sans, Raleway, Advent Pro, Varela, Nunito-Semi-bold.ttf");font-style:normal,italic;font-weight:600}@font-face{font-family:Roboto,Montserrat,Open Sans,Raleway,Advent Pro,Varela,Nunito;src:url("../fonts/Roboto, Montserrat, Open Sans, Raleway, Advent Pro, Varela, Nunito-Bold.ttf");font-style:normal,italic;font-weight:700}@font-face{font-family:Roboto,Montserrat,Open Sans,Raleway,Advent Pro,Varela,Nunito;src:url("../fonts/Roboto, Montserrat, Open Sans, Raleway, Advent Pro, Varela, Nunito-Extra-bold.ttf");font-style:normal,italic;font-weight:800}:root{--font-family: "Montserrat", sans-serif;--second-family: "Open Sans", sans-serif;--third-family: "Raleway", sans-serif;--font3: "Advent Pro", sans-serif;--font4: "Varela", sans-serif;--font5: "Nunito", sans-serif;--font6: "Roboto", sans-serif;--whiteColor: #ffffff;--blackColor: #000000;--bgColor: #d7d7d7}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto}ul{list-style:none}a{text-decoration:none}button,input{border:none;outline:none}.container{width:100%;max-width:1200px;padding:0 20px;margin:0 auto}