*{box-sizing:border-box;color:#000000b3;margin:0;padding:0;font-family:Roboto,sans-serif}html{font-size:62.5%}.container{width:80%;margin:0 auto}.header{justify-content:space-between;align-items:center;padding:2rem;display:flex}.navigation{align-items:center;gap:6rem;display:flex}.logo{color:#000;font-family:Rock Salt;font-size:2rem}.links{gap:2rem;list-style:none;display:flex}.link{color:#00000080;font-size:1.5rem;font-weight:500;text-decoration:none}.button{color:#fff;background-color:#000000b3;border:1px solid #000000b3;border-radius:2px;justify-items:flex-end;padding:1rem 3rem;font-size:1.4rem;text-decoration:none}.button:hover{color:#000000b3;background:0 0;transition:all .3s}.hero{text-align:center;background:radial-gradient(#0000001a,#0000000d,#fff,#fff);flex-direction:column;justify-content:center;align-items:center;width:70rem;height:70rem;margin:-10rem auto 0;display:flex}.main-text{width:60rem;height:10rem;margin-bottom:3rem;font-size:4.5rem;font-weight:550;line-height:1.1}.primary-text{width:100%;margin-bottom:3rem;font-size:1.5rem;line-height:1.5}.image-container{border:3px solid #0000000d;border-radius:10px;margin-top:-10rem;margin-bottom:15rem;overflow:hidden}.image{width:100%}.features{margin-bottom:15rem}.section-heading{text-align:center;color:#000c;width:100%;margin-bottom:5rem;font-size:3.5rem;font-weight:500}.dot{font-family:sans-serif;font-size:7rem}.sub-heading{text-align:center;color:#0006;letter-spacing:8px;text-transform:uppercase;margin-bottom:-2.5rem;font-size:1.5rem}.grid{grid-template-columns:repeat(8,1fr);gap:2rem 3rem;display:grid}.grid-item{cursor:pointer;border-radius:10px;padding:2rem;font-size:1.42rem;transition:all .3s;box-shadow:0 0 10px .1px #0000001a}.grid-item:hover{background-color:#000c;transform:translateY(-.5rem)}.grid-item:hover p{color:#fff}.grid-item:hover h3{color:#ffffffb3}.grid-item h3{color:#0000004d;margin-bottom:1rem;font-size:2.6rem}.grid-item p{color:#0009;line-height:1.4}.grid-1 p,.grid-3 p,.grid-4 p,.grid-6 p{color:#fff}.grid-1 h3,.grid-3 h3,.grid-4 h3,.grid-6 h3{color:#ffffff4d}.grid-1{background-color:#000c;grid-column:1/5}.grid-2{grid-column:5/-1}.grid-3{background-color:#000c;grid-column:1/3}.grid-4{background-color:#000c;grid-column:3/6}.grid-5{grid-column:6/-1}.grid-6{background-color:#000c;grid-column:1/4}.grid-7{grid-column:4/-1}.works{margin-bottom:15rem}.steps{grid-template-columns:1fr 5rem 1fr;display:grid}.content{flex-direction:column;gap:.5rem;display:flex}.step-title{color:#0009;font-size:2rem}.step-content{font-size:1.6rem}.number{color:#fffc;cursor:pointer;background-color:#000c;border-radius:50px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-top:1rem;padding:1rem;font-size:1.3rem;font-weight:500;transition:all .3s;display:flex;box-shadow:0 0 0 6px #000000b3}.number:hover{background-color:#000000b3;box-shadow:0 0 0 6px #0009}.line{background-color:#000;width:2px;height:10px}.number-1{grid-column:2/3}.step-1{grid-column:3/-1;margin-left:5rem}.step-2{text-align:right;margin-right:5rem}.step-3{margin-left:5rem}.number-3{grid-column:-3/-2}.step-numbers{flex-direction:column;justify-content:center;align-items:center;gap:.8rem;display:flex}.step-numbers.number-3{margin-top:-3.5rem}.about{margin-bottom:15rem}.about-text{text-align:center;margin:-3rem auto 0;padding:0 8rem;font-size:1.6rem;line-height:1.6}.about-text p{margin-bottom:3rem}.footer{border-top:1px solid #0000001a;flex-direction:column;justify-content:center;align-items:center;padding-top:3rem;display:flex}footer{text-align:center;gap:2rem;padding:2rem 0;display:flex}footer i{color:#0009;font-size:2.5rem}.icon{cursor:pointer;border:1px solid #0003;border-radius:50px;justify-content:center;align-items:center;width:5rem;height:5rem;padding:1rem;transition:all .3s;display:flex}.icon.whatsapp:hover{background-color:#25d366;border:1px solid #25d366}.icon.whatsapp:hover i{color:#fff}.icon.linkedIn:hover{background-color:#0a66c2;border:1px solid #0a66c2}.icon.linkedIn:hover i{color:#fff}.icon.github:hover{background-color:#181717;border:1px solid #181717}.icon.github:hover i{color:#fff}.icon.x:hover{background-color:#000;border:1px solid #000}.icon.x:hover i{color:#fff}.icon.instagram:hover{background-color:#e4405f;border:1px solid #e4405f}.icon.instagram:hover i{color:#fff}.footer-text{text-align:center;color:#00000080;letter-spacing:.6px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem 0;font-size:1.3rem;display:flex}.footer-text a{text-decoration:none}.footer-text a:hover{color:#00f;text-decoration:none}
/*# sourceMappingURL=queue-up.09d4d401.css.map */
