*{margin:0;padding:0;box-sizing:border-box;font-family:Merriweather,system-ui;font-weight:400;font-style:normal}body{width:100vw;height:100dvh;background-color:#000;color:#fff}.container{width:100%;height:100%;margin:0;flex-direction:column;justify-items:center;justify-content:center;align-items:center;display:flex}#logo img{animation-name:landing-logo;animation-duration:2s;width:100%;max-width:200px}@keyframes landing-logo{0%{opacity:0}to{opacity:1}}@media all and (min-height:380px){#logo img{max-width:300px}}@media all and (min-height:576px){#logo img{max-width:400px}}.buttons{animation-name:landing-buttons;animation-duration:2s;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1rem}@keyframes landing-buttons{0%{opacity:0}25%{opacity:0}to{opacity:1}}@media all and (min-width:500px){.buttons{flex-direction:row;justify-content:center;gap:2rem;align-items:center;margin-top:1rem}}.button{display:inline;margin-top:1rem;padding:1rem;border:1px solid #ffffff;max-width:200px;width:100%;text-align:center;cursor:pointer;text-transform:uppercase;font-weight:100;transition:all .25s ease-in}.button-with-badge{position:relative}.badge{position:absolute;top:-8px;right:-8px;background-color:#ef4444;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 4px #0000004d}a{color:#fff;text-decoration:none;color:inherit}a:hover{text-decoration:none}