body{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;background-color:#d0e8fd}#app{display:flex;flex-direction:row;justify-content:center;align-items:center;width:calc(100% - 128px);height:calc(100% - 32px);border-radius:16px;background-color:#fff}.hidden{display:none}.options{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.options div{display:flex;flex-direction:row;justify-content:center;align-items:center;width:calc(50% - 16px);min-width:240px;height:32px;margin:8px;padding:4px;box-sizing:border-box;border-radius:8px;border:solid 1px rgb(208,232,253);text-align:center;cursor:pointer}title-screen{width:calc(100% - 64px)}title-screen h1{text-align:center}question-screen{width:calc(100% - 64px)}question-screen h1{text-align:center}question-screen clemens-image{text-align:center}question-screen #next-question{display:flex;flex-direction:row;justify-content:center;align-items:center;width:240px;min-width:240px;height:32px;margin:8px;padding:4px;box-sizing:border-box;border-radius:8px;border:solid 1px rgb(208,232,253);text-align:center;cursor:pointer}result-screen{width:calc(100% - 64px)}result-screen h1{text-align:center}result-screen #result-list{display:flex;flex-direction:row;justify-content:center;align-items:center}result-screen #result-list div{width:64px}result-screen>div{display:flex;flex-direction:row;justify-content:center;align-items:center}result-screen #back-to-title{display:flex;flex-direction:row;justify-content:center;align-items:center;width:240px;min-width:240px;height:32px;margin:8px;padding:4px;box-sizing:border-box;border-radius:8px;border:solid 1px rgb(208,232,253);text-align:center;cursor:pointer}