@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";div.centered{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}div.overlay{background:var(--primary);z-index:100;width:100dvw;position:fixed;bottom:0;left:0}div.buttons{flex-direction:column;gap:12px;width:100%;display:flex}p{color:var(--foreground);font-family:Roboto,sans-serif}h1,h2,h3{color:var(--primary);font-family:Roboto Condensed,sans-serif;font-weight:600}h1{font-size:4rem}h2{font-size:2rem}p,h1,h2,h3 .centered{text-align:center;word-wrap:break-word}button{background:var(--foreground);padding:16px 28px;font-family:Roboto;font-size:1.2rem}button:hover{transform:scale(1.1)}button.large{text-align:left;width:100%;font-size:1rem}button.primary{background:var(--primary)}button.primary:hover{color:var(--foreground)}button.primary:before{content:"";z-index:-1;background:var(--secondary);width:100%;height:0;transition:all .2s;position:absolute;bottom:0;left:0}button.primary:hover:before{height:100%}:root{--base:#0d0d0d;--primary:#ffbe26;--secondary:#ff6f26;--foreground:#f0f0f0}*{box-sizing:border-box;background:0 0;border:none;outline:none;margin:0;transition:all .2s;position:relative}body{background:var(--base);justify-content:center;align-items:center;width:100dvw;height:100dvh;padding:20px;display:flex;overflow:hidden}