@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.hero{width:100%;height:100vh;display:flex;overflow:hidden}.hero .container{width:100%;display:flex;align-items:center}.hero-block{width:100%;height:100%;display:flex;align-items:center;position:relative}.hero-block .black-box{position:absolute;width:1802.3px;height:1800.99px;left:653.5px;background-color:#000;transform:rotate(9.67deg)}.hero-socials{display:flex;padding-top:150px;gap:30px}.hero-socials button{padding:10px;box-shadow:0 4px 4px #00000040;background:#c4c4c4;border:none}.hero-socials svg{width:30px;height:30px}.hero-text{margin-top:150px}.hero-description{display:flex;flex-direction:column;width:50%;justify-content:center;height:100vh;margin:auto 0}.hero-description h1{font-size:80px;font-weight:700}.hero-description h2{font-size:40px;font-weight:700}.hero-description h3{font-size:25px;font-weight:800;color:#919191}.hero-image{width:50%;text-align:right}.hero-image img{filter:drop-shadow(0px 0 100px #0079c4);width:75%;z-index:-1;animation:20s linear 0s normal none infinite running rot}@keyframes rot{0%{transform:rotate(0)}to{transform:rotate(360deg)}}header{position:absolute;width:100%;max-width:1340px}header .header{padding-block:50px;display:flex;align-items:center;justify-content:space-between}header .header nav{display:flex;z-index:1;align-items:center;gap:110px}header .header nav a{display:flex;flex-direction:column;color:#fff;font-weight:700}header .header nav a:after{content:"";width:0%;height:2px;align-self:self-end;display:block;transition:all .2s ease-in-out;background-color:#fff}header .header nav a:hover:after{content:"";width:100%;height:2px;align-self:self-start;display:block;background-color:#fff}header .header nav #btn-contact{height:45px;padding-inline:30px;background-color:#fff;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s ease-in-out;border-radius:30px}header .header nav #btn-contact:after{content:"";width:0%;height:2px;display:block;align-self:self-end;background-color:#000}header .header nav #btn-contact:hover:after{content:"";align-self:self-start;width:100%;height:2px;display:block;background-color:#000}header .header img{vertical-align:middle;height:50px}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat;font-weight:500;outline:none}body{overflow-x:hidden;background:radial-gradient(50% 50% at 50% 50%,#1a151500,#01010129),#fff;background-repeat:no-repeat}a{text-decoration:none;color:#000}
