html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;color:#141313}html{scroll-behavior:smooth}body{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-style:normal;display:flex;justify-content:space-between}body .menu{min-width:285px;min-height:100vh;background-color:#141313;color:#fff}body .menu__fixed{position:fixed;display:flex;justify-content:space-between;flex-direction:column;margin-left:48px;min-height:100vh}body .menu__logo{margin-top:56px;margin-bottom:100px}body .menu__logo a{color:#fff;font-family:"IBM Plex Serif",serif;font-weight:700;font-size:30px}body .menu__nav ul{display:flex;gap:20px;flex-direction:column;min-width:100px}body .menu__nav a{color:#fff;text-transform:uppercase;font-size:20px;line-height:30px}body .menu__nav a:hover{font-weight:700}body .menu__qr-code img{max-width:200px}body .menu__social-link{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:100px}body .menu__social-link svg{width:40px;fill:#fff}body .menu__social-link svg:hover{transform:scale(1.5);transition:.5s}body .menu__copyright{max-width:200px;margin-bottom:48px;font-size:16px;line-height:22px;text-align:center;color:#fff}body .aside{min-height:100vh;min-width:40px;right:40px;position:relative}body .aside__fixed{position:sticky;top:calc(50% - 162.135px);z-index:100}body .aside__social{display:flex;flex-direction:column;align-items:center;gap:20px}body .aside__social svg{width:40px;transform:rotate(-90deg)}body .aside__social svg:hover{transform:scale(1.5);transition:.5s}body .aside__social_line{height:130px;border:#141313 1px solid}body .site{display:flex;flex-direction:column}body .home{height:100vh;display:flex;align-items:center;gap:100px;justify-content:center}body .home__info{position:relative}body .home__info svg{position:absolute;z-index:-1;left:-50px;top:-40px}body .home__info h1{font-size:80px;line-height:50px;text-transform:uppercase;margin-bottom:24px}body .home__info h1 span{font-size:60px;font-weight:700}body .home__info h2{font-weight:700;font-style:italic;font-size:26px;margin-bottom:48px}body .home__info h2 span{font-style:normal}body .home__info a{color:#fff;padding:16px 40px;background-color:#141313;font-size:18px;font-weight:500;transition:box-shadow .3s}body .home__info a:hover{box-shadow:0 0 20px #000000b3}body .home__img{position:relative}body .home__img_1{position:absolute;top:80px;left:-80px;z-index:-1}body .home__img_2{position:absolute;right:-80px;top:54px}body .home__img_3{position:absolute;left:-95px;top:253px}body .home__img_4{position:absolute;top:437px;left:150px;z-index:-1}body .home__img_stars{position:absolute;top:0;left:-90px}body .home__img_quadro{position:absolute;top:540px;right:20px}body .home__contacts{margin-top:64px;display:flex;gap:48px;font-size:18px;font-weight:700;font-style:italic}body .home__contacts_phone,body .home__contacts_email{display:flex;gap:12px;flex-wrap:wrap;align-items:center}body .about{margin-bottom:100px}body .about__welcome h1{font-weight:700;font-size:48px;text-transform:uppercase;margin-bottom:48px;line-height:56px}body .about__pers{display:flex;flex-direction:column;align-items:center}body .about__pers_img{margin-bottom:32px}body .about__pers_img img{max-width:400px}body .about__pers h2{text-transform:uppercase;font-weight:700;font-size:48px;margin-bottom:12px}body .about__gradient{background:linear-gradient(90deg,#b86adf,#ff6c63,#ffb147);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body .about__pers h4{font-weight:700;font-style:italic;font-size:24px;margin-bottom:32px}body .about__pers h4 span{font-style:normal;font-weight:400}body .about__pers_a{display:flex;align-items:center;gap:10px}body .about__pers a{color:#141313;font-size:18px;font-weight:500;text-decoration:underline}body .about__info{display:flex;justify-content:space-between;margin-bottom:110px}body .about__contact{display:flex;gap:85px}body .about__contact_b{display:flex;flex-direction:column;gap:24px}body .about__contact_bi{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;font-style:italic}body .about__contact_bi img{width:40px}body .about__exp{display:flex;gap:30px;margin-bottom:64px;margin-top:48px}body .about__years-clients{display:flex;gap:12px;align-items:center;margin-bottom:20px}body .about__p{max-width:315px;font-size:18px;line-height:24px}body .about__gradient_i{font-size:48px;font-weight:700}body .about__p-italic{font-size:18px;font-weight:700;font-style:italic}body .about__quote{display:flex;justify-content:space-between;gap:12px;max-width:660px;padding:40px;background-color:#141313;color:#fff}body .about__quote_text p{color:#fff;font-size:20px;font-weight:600;font-style:italic}body .about__experience{display:flex;justify-content:space-around;background:linear-gradient(90deg,#b86adf,#ff6c63,#ffb147);padding:120px 0}body .about__experience_text{margin:auto 0}body .about__experience_text p,body .about__experience h4,body .about__experience a{color:#fff}body .about__experience_text h4{font-size:48px;font-weight:700;margin-bottom:24px;text-transform:uppercase}body .about__experience_text p{font-size:18px;margin-bottom:48px;max-width:380px;line-height:28px}body .about__experience_text a{font-size:18px;font-weight:500;padding:16px 40px;background-color:#000;transition:box-shadow .3s}body .about__experience_text a:hover{box-shadow:0 0 20px #000000b3}body .about__experience_years{width:545px;margin:auto 0}body .about__experience_years hr:not(:last-child){margin-top:20px;margin-bottom:40px;opacity:.2}body .about__experience_years hr:last-child{margin-top:20px;opacity:.2}body .about__experience_years h5,body .about__experience h6,body .about__experience p{color:#fff}body .about__experience_year{display:flex;justify-content:space-between;margin-bottom:12px}body .about__experience_year h6{font-size:18px;font-weight:700;font-style:italic}body .about__experience_year p{font-size:16px;font-weight:500}body .about__experience_inf h5{font-size:32px;font-weight:700;line-height:48px;text-transform:uppercase}body .work{margin-bottom:100px}body .work h1{font-weight:700;font-size:48px;text-transform:uppercase;margin-bottom:48px}body .work__welcome{display:flex;flex-direction:column;align-items:center}body .work__content{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:48px}body .work__content_el{display:flex;gap:30px}body .work__content_el-info{max-width:200px;display:flex;flex-direction:column;justify-content:space-around}body .work__content h3{font-size:30px;font-weight:700;line-height:40px}body .work_btn{width:200px;height:60px;font-size:18px;line-height:24px;color:#fff;border:none;background-color:#141313;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;transition:box-shadow .3s}body .work_btn:hover{box-shadow:0 0 20px #000000b3}body .contact{display:flex;justify-content:space-between;align-items:center;gap:80px;margin-bottom:100px}body .contact__info h1{font-weight:700;font-size:48px;text-transform:uppercase;margin-bottom:30px;line-height:56px}body .contact__info p{font-size:16px;line-height:24px;font-weight:400;margin-bottom:94px}body .contact__info h3{font-size:32px;font-weight:700;margin-bottom:20px}body .contact__info h4{font-size:32px;font-weight:700;margin-bottom:80px}body .contact__info_link{display:flex;gap:24px;text-transform:uppercase;line-height:24px;font-size:16px;font-weight:500}body .contact__form{background:linear-gradient(90deg,#b86adf,#ff6c63,#ffb147);padding:64px 85px}body .contact__form h2{font-size:40px;font-weight:700;color:#fff;line-height:48px;text-transform:uppercase;margin-bottom:50px}body .contact__form_ne{display:flex;gap:45px;margin-bottom:56px}body .contact__form_ne input{border:none;border-bottom:1.5px solid white;background:transparent;height:34px;width:280px;color:#fff}body .contact__form_ne input::placeholder{color:#fff;opacity:80%;font-size:16px;font-weight:500;line-height:24px}body .contact__form_ne input:focus{outline:none;color:#fff}body .contact__form_textarea{border:none;border-bottom:1.5px solid white;background:transparent;resize:none;max-width:605px;margin-bottom:16px;width:100%;color:#fff}body .contact__form_textarea::placeholder{color:#fff;opacity:80%;font-size:16px;font-weight:500;line-height:24px}body .contact__form_textarea:focus{outline:none;color:#fff}body .contact__form_btn{width:200px;height:60px;font-size:18px;line-height:24px;color:#fff;border:none;background-color:#141313;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;transition:box-shadow .3s}body .contact__form_btn:hover{box-shadow:0 0 20px #000000b3}
