.home{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.home h1{color:#fff;background-color:#14213d;padding:5px}.home h1,.home p{width:90%;border-radius:20px}.home p{background-color:#fff;padding:10px 20px;opacity:.9;font-weight:700}.home--actions{display:flex;justify-content:space-between;grid-gap:20px;gap:20px;margin-bottom:20px}.home--results{background-color:#fca311;border-radius:20px;padding:20px;text-align:left;display:flex;flex-direction:column;grid-gap:10px;gap:10px}.home--results h2{margin:0;text-align:center}.home--results span{font-size:1.2rem;font-weight:700;background-color:#e5e5e5;border-radius:20px;padding:10px}.quiz{flex-direction:column;justify-content:center;grid-gap:20px;gap:20px;height:100%;padding:20px}.quiz,.quiz--header{display:flex;align-items:center}.quiz--header{justify-content:space-between;grid-gap:10px;gap:10px;background-color:#14213d;padding:5px 20px;border-radius:20px}.quiz--header h1{color:#fff}.quiz--header span{font-size:1.2rem;font-weight:700;background-color:#fca311;border-radius:20px;padding:10px}.quiz--actions{display:flex;justify-content:space-between;grid-gap:20px;gap:20px}.quiz--question,.result{display:flex;justify-content:center;align-items:center;grid-gap:20px;gap:20px}.result{flex-direction:column;height:100%;padding:20px}.result--header{display:flex;justify-content:space-between;grid-gap:20px;gap:20px;align-items:center;background-color:#14213d;padding:5px 20px;border-radius:20px}.result--header h1{color:#fff}.result--header span{font-size:1.2rem;font-weight:700;background-color:#fca311;border-radius:20px;padding:10px}.result--list{border-radius:20px;padding:10px;overflow:auto;scrollbar-width:thin}.result--list::-webkit-scrollbar{width:10px}.result--list::-webkit-scrollbar-track{background:#e5e5e5}.result--list::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.result--list ul{list-style:none;padding:0}.result--list ul li{display:flex;align-items:center;min-height:50px;grid-gap:20px;gap:20px}.result--list--incorrect svg{color:#ff3b30;font-size:1.5rem}.result--list--correct svg{color:#00c851;font-size:1.5rem}.result--list--question{text-align:justify}.layout{display:grid;place-items:center;height:100vh;background-color:#14213d}.layout main{background-image:url(/background.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;box-shadow:0 0 10px 0 rgba(0,0,0,.75);width:100%;height:100%}@media(min-width:768px){.layout main{border-radius:10px;width:500px;max-height:90vh}}.cardQuestion{background-color:#fca311;border-radius:20px;padding:20px}.cardQuestion--header{display:flex;justify-content:space-between;grid-gap:20px;gap:20px;align-items:center}.cardQuestion--header span{font-size:1.2rem;font-weight:700;background-color:#e5e5e5;border-radius:20px;padding:5px 10px}.cardQuestion--question{background-color:#e5e5e5;border-radius:20px;padding:10px 20px}.loading{display:grid;place-items:center;height:100%}.error{display:flex;justify-content:center;align-items:center;height:100%;flex-direction:column}.error a{color:#14213d;text-decoration:none}.error a:hover{color:#fca311}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}button{background:#14213d;border:0;cursor:pointer;color:#fff;padding:10px 15px;border-radius:100px;font-size:16px;font-weight:700;transition:opacity .3s ease}button:hover{opacity:.8}