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