@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif}canvas{display:block;width:100%;height:200px;margin:0 auto}body{background-color:#f9fafb;line-height:1.6;color:#27292e}.black{font-weight:900}header{position:relative;background-color:#f4f6f8;color:#030712;text-align:center;padding:2rem;height:60vh;overflow:hidden;min-height:350px}main{background-color:#fafeff;max-width:1440px;margin:0 auto;color:#27292e}nav{display:flex;justify-content:space-between;align-items:flex-start;padding:0rem 2rem;position:relative}#logo{transition:opacity .5s ease-in-out;width:80px;height:auto}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:2rem;margin-top:1rem}.nav-links li a{color:#030712;text-decoration:none;font-size:.9rem;font-weight:700;transition:color .3s;cursor:pointer;padding:1rem 2rem;border:4px solid #030712;border-radius:100px}@media (max-width: 768px){.nav-links li a{font-size:.75rem}}.nav-links li i{margin-left:10px}.nav-links li a:hover{background-color:#030712;color:#fff}.nav-links.open{position:absolute;top:100%;left:0;right:0;background-color:#27292ee6;flex-direction:column;align-items:center;padding:1rem;display:flex;border-radius:10px;z-index:20}.nav-links.open li{margin:.5rem 0}.hero{padding:2rem 0;position:relative;max-width:700px;margin:0 auto;text-align:left}.hero h1{font-size:4.5rem;margin-bottom:1rem;line-height:4.5rem;text-align:left}.hero h1 span{color:#b6bcc6}.cursor{font-weight:500;color:#27292e!important;animation:blink .7s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.features{display:flex;flex-direction:column;align-items:center;padding-top:20px}.features h1{font-weight:100}.feature{display:flex;align-items:center;margin-bottom:2rem}.feature.reverse{flex-direction:row-reverse}.feature h2{font-size:2.5rem;line-height:3rem;margin-bottom:20px}.feature img{width:500px;margin:0 1rem}.feature .play-cta{margin-top:20px}.feature .play-link{padding:1rem 2rem;background-color:#030712;border:none;color:#fff;font-weight:700;border-radius:100px;cursor:pointer;text-transform:uppercase;align-self:flex-end;transition:background-color .3s;text-decoration:none;font-size:14px}.feature-text{max-width:500px;margin:50px}.reverse .feature-text{text-align:right}@media (max-width: 768px){.button-container{flex-direction:column;gap:20px;align-items:center}}.contact{background:#292c36;text-align:center;padding:2rem;margin:2rem auto;border-radius:20px;width:90%;color:#fff;max-width:1200px}.contact h2{font-size:2.5rem;margin-bottom:1rem;line-height:2.5rem}.contact p{margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;align-items:center;max-width:665px;margin:0 auto}.contact-form .email-input{position:relative;width:100%;margin-bottom:1rem}.contact-form .email-input i{position:absolute;left:10px;top:38%;padding-left:5px;transform:translateY(-50%);color:#fff}.contact-form input,.contact-form textarea{width:100%;padding:1rem;margin-bottom:1rem;border:none;border-radius:20px;background:#ffffff80;color:#fff;padding-left:40px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffffb3}.contact-form textarea{height:200px}.contact-form button{padding:1rem 2rem;background:#fff;border:none;color:#40434a;font-weight:700;border-radius:100px;cursor:pointer;text-transform:uppercase;align-self:flex-end;transition:background-color .3s}.contact-form button:hover{background-color:#e6e6e6}.footer-info{background:#292c36;color:#fff;text-align:center;padding:1rem 0;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;width:100%;margin:0 auto;font-size:12px}.footer-info .footer-left{display:flex;align-items:center}.footer-info .footer-left img{width:50px;margin-right:1rem}.footer-info p{margin-bottom:0;text-align:left}.footer-info .social-media{display:flex;align-items:center;margin-right:1rem}.footer-info .social-media a{background:#fff;color:#292c36;margin:0 .5rem;font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s,color .3s;text-decoration:none}.footer-info .social-media a:hover{background:#000;color:#fff}.footer-info ul{list-style:none;display:flex;padding:0}.footer-info ul li{margin-left:1rem}.footer-info ul li a{color:#fff;text-decoration:none;transition:color .3s}.footer-info ul li a:hover{text-decoration:underline}@media (max-width: 768px){nav{padding:0}.features{padding:1rem 0}.feature{flex-direction:column;text-align:center}.feature.reverse{flex-direction:column}.feature.reverse h2,.feature.reverse p{text-align:center}.feature img{margin:0 0 1rem;max-width:100%}.cta{padding:1rem 0}.contact{padding:1rem}.footer-info,.footer-info .footer-left,.footer-info .footer-right{flex-direction:column;align-items:center}.footer-right{margin-left:-2rem;margin-top:.5rem}.footer-info p{text-align:center;margin:.5rem 0}}