html{border:10px solid var(--primary);height:100vh}html,body{margin:0;padding:0;font-family:Judson,Times New Roman,Times,serif;display:flex;flex-direction:column;--background: #1B2627;--primary: #FFDF6C;--secondary: #B0FFFA;background:var(--background);color:#fffae2ee;box-sizing:border-box}button{display:block;width:400px;background:var(--background);color:var(--primary);text-transform:uppercase;border:4px solid var(--primary);padding:20px 16px;font-size:1.2rem;box-sizing:border-box;margin-top:20px;max-width:100%}button:hover{background:var(--primary);color:var(--background);font-weight:700;cursor:pointer}h1{text-align:center;margin:auto;margin-top:calc(5vh + 20px);display:block;font-size:3rem;color:var(--primary);font-family:Roboto,sans-serif}p,span,ol,ul{font-size:1.2rem}