*{box-sizing:border-box}body{padding:0;margin:0;width:100vw;height:100vh;font-family:Arial,sans-serif;background-color:#5c504c;overflow:hidden}@media (max-width: 768px){body{font-size:.5em}}@media (orientation: landscape){body{font-size:.5em}}body #app{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:1em;padding:4em 2em}body #app header{text-align:center}@media (orientation: landscape){body #app header{max-width:600px;margin:0 auto}}body #app main{font-size:3em;text-align:center;color:#fff}@media (orientation: landscape){body #app main{max-width:600px;margin:0 auto}}body #app footer{text-align:center}@media (orientation: landscape){body #app footer{max-width:600px;margin:0 auto}}body #app footer button{padding:.5em 1em;color:#fff;font-size:3em;text-decoration:none;background-color:#392f2a;border:none;border-radius:.35em;transition:transform .1s}body #app footer button:active{transform:translateY(.075em)}