main{position:absolute;width:100vw;color:#f0f8ff}canvas{position:fixed;top:0;left:0;z-index:-1;display:grid}section{color:#f0f8ff}body{font-family:Space Mono,monospace;font-style:normal;margin:0;padding:5%;box-sizing:border-box;background-color:#000010;color:#f5f5f5}header{background-color:f4f7f6;color:#f5f5f5;padding:20px;text-align:center}h2,h3{font-family:Lekton,monospace;font-weight:700;font-style:normal}p{font-family:Space Mono,monospace;font-size:16px}.hero{display:flex;justify-content:space-between;padding:5%;height:100vh}.hero-text{max-width:50%;z-index:1}.cta-button{background-color:#ace93c;color:#000;padding:10px 20px;text-decoration:none;font-size:18px;border-radius:5px;display:inline-block;cursor:pointer;filter:drop-shadow(8px 2px 5px #000000)}.about,.services,.newsletter,.cta{padding:20px;text-align:center}.about h2,.services h2,.newsletter h2,.cta h2{font-size:32px;margin-bottom:20px}.services .service{display:inline-block;width:20%;margin:0 15px;vertical-align:top;text-align:left}.services .service img{max-width:100%;border-radius:8px}.newsletter .about{max-width:70%;position:relative;left:50%;transform:translate(-50%)}footer{color:#fff;padding:20px;text-align:center}input[type=email]{padding:10px;width:80%;margin:10px 0;font-size:16px}input[type=submit]{padding:10px 20px;font-size:16px;background-color:#ace93c;color:#000;border:none;cursor:pointer;border-radius:5px}@media (max-width: 768px){.hero{flex-direction:column}.hero img{max-width:100%;margin-bottom:20px}.hero-text{max-width:100%}.services .service{display:block;width:100%;margin-bottom:30px}}