*{box-sizing:border-box}body{margin:0;height:100vh;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;justify-content:space-between}h2{background:#ccc;font-size:2rem;margin:0;padding:2rem 1rem;text-align:center}button{border-radius:.5rem}main{flex-grow:100;display:flex;flex-direction:column;justify-content:space-around}#question{font-size:5rem;height:50%;display:flex;flex-direction:column;justify-content:space-around}#answer-wrap{font-size:3rem;height:50%;display:flex;flex-direction:column;justify-content:space-around;background:#eee;box-shadow:inset 0 0 1rem #000}#answer-wrap span{padding:2rem;font-size:2rem}#show-answer{background:#ddd;font-size:1.5rem;padding:2rem}.hidden{display:none}footer{background:#ccc;width:100%;padding:1rem;display:flex;justify-content:space-around;gap:1rem}footer button{flex-grow:1;font-size:2rem;padding:1rem}footer button span{display:none}