nav[data-v-addf5d2d]{display:flex;justify-content:center;align-items:center;position:sticky;width:100%;height:12svh;padding:.5rem 0;background-color:#333;color:#f5f5f5;margin:0;padding:0;justify-content:space-around}.nav-links[data-v-addf5d2d]{display:flex;justify-content:center;align-items:center;height:100%;width:100%;font-size:1rem;border-right:1px solid rgb(139,139,139);text-align:center}.nav-links[data-v-addf5d2d]:hover{cursor:pointer;background-color:#555}@media screen and (min-width: 470px){nav[data-v-addf5d2d]{display:flex;justify-content:center;align-items:center;position:fixed;top:0;bottom:0;width:100%;height:7svh;padding:.5rem 0;background-color:#333;color:#f5f5f5;margin:0;padding:0;justify-content:space-around}}#article-main[data-v-b52a28e0]{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;margin:auto}#img-home[data-v-b52a28e0]{max-width:200px}div[data-v-b52a28e0]{width:160px;text-align:center;margin-top:1rem}#slogan[data-v-b52a28e0]{font-style:italic}.inloggningsstatus[data-v-b52a28e0]{font-weight:700}button[data-v-b52a28e0]{width:100%;height:40px;border-style:none;border-radius:4px;font-weight:750;background-color:#333;margin:1rem 0;font-size:medium;color:#f5f5f5;cursor:pointer}button[data-v-b52a28e0]:hover{background-color:#555}.navigation-link[data-v-b52a28e0]{color:#333;text-decoration:underline}#article-create-account[data-v-921b8319]{margin:auto;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 5px 8px #0003,0 6px 20px #00000030}h1[data-v-921b8319]{margin-top:auto;margin-bottom:1rem}.div-login[data-v-921b8319]{margin-bottom:1rem}button[data-v-921b8319],input[data-v-921b8319]{box-sizing:border-box;height:2rem;width:100%;border-radius:4px}input[data-v-921b8319]{border:1px solid black;background-color:#fff;padding-left:10px}button[data-v-921b8319]{border-style:none;color:#f5f5f5;font-weight:750;font-size:small}#register-button[data-v-921b8319]{background-color:#0145e6}#login-nav-btn[data-v-921b8319]{background-color:#28800c}hr[data-v-921b8319]{margin:20px 0}#article-login[data-v-76441c27]{margin:auto;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 5px 8px #0003,0 6px 20px #00000030}h1[data-v-76441c27]{margin-top:auto;margin-bottom:1rem}.div-create-account[data-v-76441c27]{margin-bottom:1rem}button[data-v-76441c27],input[data-v-76441c27]{box-sizing:border-box;height:2rem;width:100%;border-radius:4px}input[data-v-76441c27]{border:1px solid black;background-color:#fff;padding-left:10px}button[data-v-76441c27]{border-style:none;color:#fff;font-weight:750;font-size:small}#login-button[data-v-76441c27]{background-color:#0145e6}#create-account-nav-btn[data-v-76441c27]{background-color:#28800c}hr[data-v-76441c27]{margin:20px 0}.container-questions[data-v-d9c75565]{background-color:#ffda00;display:grid;gap:20px;padding:15px;grid:auto auto auto / auto auto auto;margin:0 40px}.section-question[data-v-d9c75565]{grid-area:1 / 1 / span 1 / span 3;font-size:1.5rem;border-bottom:1px solid black;padding:10px;font-weight:400}.section-answer-options[data-v-d9c75565]{grid-area:2 / 1 / span 1 / span 3;display:flex;flex-direction:column;justify-content:space-around;font-size:1.2rem;padding:10px;margin-bottom:10px}.container-answer-options[data-v-d9c75565]{margin-bottom:10px}.container-answer-options[data-v-d9c75565]:hover{cursor:pointer;background-color:#dcbd0f}.section-progress-bar[data-v-d9c75565]{grid-area:3 / 1 / span 1 / span 1}.section-answer-button[data-v-d9c75565]{grid-area:3 / 3 / span 1 / span 1;display:flex;justify-content:center;padding:5px}#answer-button[data-v-d9c75565]{width:120px;height:40px;font-size:1.2rem;border-radius:5px;border:#333 1px solid;background-color:#333;color:#f5f5f5}#answer-button[data-v-d9c75565]:disabled{background-color:#555;border-radius:5px}#answer-button[data-v-d9c75565]:hover{background-color:#222;cursor:pointer}.correct[data-v-d9c75565]{background-color:#1fb82c;color:#000}.incorrect[data-v-d9c75565]{background-color:#d4b506;color:#000}.feedback[data-v-d9c75565]{font-weight:600}progress[data-v-d9c75565]{width:100%;height:10px;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:#ddd}progress[data-v-d9c75565]::-webkit-progress-bar{background-color:#ddd}progress[data-v-d9c75565]::-webkit-progress-value{background-color:#333;border-radius:5px}progress[data-v-d9c75565]::-moz-progress-bar{background-color:#333}@media screen and (min-width: 470px){.container-questions[data-v-d9c75565]{margin:40px}}@media screen and (min-width: 800px){.container-questions[data-v-d9c75565]{margin:80px}}@media screen and (min-width: 1000px){.container-questions[data-v-d9c75565]{margin:80px 150px}}.container-result[data-v-ecd50379]{display:grid;grid-template-rows:auto auto auto;justify-items:center}.section-form[data-v-ecd50379]{display:flex;flex-direction:column;align-items:center;background-color:#f5f5f5;padding:1rem;margin-top:1rem;margin:1rem 10px auto;width:80%;border-radius:4px;width:70%;max-width:620px}#registration-form[data-v-ecd50379]{display:flex;flex-direction:column;align-items:center}h1[data-v-ecd50379]{width:100%;margin:0;padding:20px 0;text-align:center;font-size:large;background-color:#f5f5f5;color:#000}#quiz-result[data-v-ecd50379]{display:flex;justify-content:center;align-items:center;font-weight:900}#container-input-name[data-v-ecd50379]{display:flex;flex-direction:column}#input-name[data-v-ecd50379]{margin-top:5px;width:250px;height:80%}.button-container[data-v-ecd50379]{display:flex;justify-content:center;align-items:center;gap:15px}#save-button[data-v-ecd50379],.restart-button[data-v-ecd50379]{height:40px;width:100px;border-radius:4px;border-style:none;background-color:#333;color:#f5f5f5;font-weight:750;font-size:small;margin-top:1rem;cursor:pointer}.quiz-summary[data-v-ecd50379]{grid-row:3;display:flex;justify-content:center;align-items:center}ul[data-v-ecd50379]{list-style:none;padding:0}li[data-v-ecd50379]{width:70%;max-width:800px;padding:20px;margin:10px auto;background-color:#f5f5f5;border-radius:4px}.correct[data-v-ecd50379]{color:#0c6b0c;font-weight:700}.incorrect[data-v-ecd50379]{color:#950a0a;font-weight:700}@media screen and (min-width: 470px){h1[data-v-ecd50379]{width:100%;margin-top:50px;padding:20px 0;text-align:center;font-size:large;background-color:#f5f5f5;color:#000}}h1[data-v-f8dd798a]{width:100%;margin-top:0;margin-bottom:20px;padding:20px 0;text-align:center;font-size:large;background-color:#f5f5f5;color:#000}.article-resulttable[data-v-f8dd798a]{width:100%;height:50svh;margin:0 auto}.section-resulttable[data-v-f8dd798a]{width:90%;min-height:70%;max-height:70%;margin:0 auto 15px;border-radius:5px;overflow:scroll;background-color:#f5f5f5;box-shadow:0 5px 8px #0003,0 6px 20px #00000030}.table-resulttable[data-v-f8dd798a]{border-collapse:collapse;width:100%;padding:10px}th[data-v-f8dd798a],td[data-v-f8dd798a]{text-align:center;padding:5px 0}th[data-v-f8dd798a]{position:sticky;top:0;width:33%;background-color:#f5f5f5;border-bottom:1px solid #333}.section-restart[data-v-f8dd798a]{display:flex;justify-content:center}.restart-button[data-v-f8dd798a]{height:40px;border-radius:4px;border-style:none;background-color:#333;color:#f5f5f5;font-weight:750;font-size:small;margin-top:1rem}h1[data-v-9c857153]{width:100%;margin-top:0;margin-bottom:20px;padding:20px 0;text-align:center;font-size:large;background-color:#f5f5f5;color:#000}.wrapper-information[data-v-9c857153]{display:flex;flex-direction:column;align-items:center;width:100%;padding:10px 0}.wrapper-information a[data-v-9c857153]{display:flex;align-items:flex-end;justify-content:flex-end;width:80%;max-width:600px;height:15vh;text-decoration:none;font-size:24px;color:#fff;border-radius:8px;padding:10px;box-sizing:border-box;background-color:#fff;background-size:cover}.wrapper-information a span[data-v-9c857153]{background:#0009;padding:5px 10px;border-radius:4px}@media screen and (min-width: 470px){#information-page[data-v-9c857153]{margin-top:45px}}.article-tutorial{margin-left:2rem;margin-right:2rem}#tutorials{background-color:#f5f5f5}.tutorial-h1{font-size:1.5rem;text-align:center}.tutorial-h2{font-size:1.2rem}.container-color{background-color:#ffda00;padding:10px}.exampleAnswer{color:#006400;font-weight:600}.buttonColor{background-color:#ffda00;border:1px solid #333;border-radius:4px;padding:5px;cursor:pointer}.buttonDark{border-style:none;border-radius:4px;background-color:#333;margin:1rem 0;color:#f5f5f5;cursor:pointer}.container-white{background-color:#f5f5f5;padding:10px}.container-flex{display:flex}.tutorial-nav{justify-content:space-evenly}.progress-bar{display:flex;flex-direction:column;align-items:center}.progress-bar>p{margin:5px 0 0;width:80%}.section-intro{padding:.5rem;margin-top:10px}@media screen and (max-width: 420px){.tutorial-h1{font-size:1rem;text-align:center}.buttonDark{font-size:.7rem}.progress-bar{display:flex;flex-direction:column;align-items:center}.progress-bar>p{margin:5px 0 0;width:80%;font-size:.8rem}}@media screen and (min-width: 900px){.article-tutorial{margin-left:7rem;margin-right:7rem}}@media screen and (min-width: 1200px){.article-tutorial{margin-left:10rem;margin-right:10rem}}@media screen and (min-width: 1500px){.article-tutorial{margin-left:20rem;margin-right:20rem}}progress[data-v-9d9e3842]{width:80%;border:1px solid #333;border-radius:5px}progress[data-v-9d9e3842]::-webkit-progress-bar{background-color:#ddd}progress[data-v-9d9e3842]::-webkit-progress-value{background-color:#333;border-radius:5px}progress[data-v-9d9e3842]::-moz-progress-bar{background-color:#333}a>button[data-v-9d9e3842]{padding:5px}@media screen and (min-width: 470px){header[data-v-9d9e3842]{margin-top:45px}}.container-example[data-v-546ac20a]{margin-top:20px;margin-left:2rem;margin-right:2rem;border:1px solid #333;border-radius:4px}.section-info[data-v-546ac20a]{margin-top:20px;padding-left:2rem;padding-right:2rem;border:1px solid #333;border-radius:4px}.checklist[data-v-546ac20a]{list-style-type:square}.container-example[data-v-5f404a70]{margin-top:20px;margin-left:2rem;margin-right:2rem;border:1px solid #333;border-radius:4px}.section-info[data-v-5f404a70]{margin-top:20px;border:1px solid #333;border-radius:4px}.checklist[data-v-5f404a70]{list-style-type:circle}.container-example[data-v-9b083bfa]{margin-top:20px;margin-left:2rem;margin-right:2rem;border:1px solid #333;border-radius:4px}.section-info[data-v-9b083bfa]{margin-top:20px;border:1px solid #333;border-radius:4px}.checklist[data-v-9b083bfa]{list-style-type:circle}.container-example[data-v-b995a1a2]{margin-top:20px;margin-left:2rem;margin-right:2rem;border:1px solid #333;border-radius:4px}.section-info[data-v-b995a1a2]{margin-top:20px;border:1px solid #333;border-radius:4px}.container-radiobuttons[data-v-b995a1a2],.radiobuttons[data-v-b995a1a2]{display:flex;flex-direction:column}.question-paragraph[data-v-b995a1a2]{padding:5px}.label-class[data-v-b995a1a2]{padding:5px;cursor:pointer}.correctColor[data-v-b995a1a2]{border:2px solid green}.falseColor[data-v-b995a1a2]{border:2px solid red}.answer-message-text[data-v-b995a1a2]{margin:4px 2px 2px}.section-intro[data-v-5345f5d6]{text-align:center}figcaption[data-v-5345f5d6]{width:60%;border-style:none;border-radius:4px;font-weight:750;background-color:#333;margin:1rem 0;font-size:medium;color:#f5f5f5;padding:5px;cursor:pointer;text-align:center}a[data-v-5345f5d6]{color:#000}figure[data-v-5345f5d6]{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.showFigure[data-v-5345f5d6]{height:40%}img[data-v-5345f5d6]{width:100%}.container-example[data-v-aaf0e00f]{margin-top:20px;margin-left:2rem;margin-right:2rem;border:1px solid #333;border-radius:4px}.section-info[data-v-aaf0e00f]{margin-top:20px;border:1px solid #333;border-radius:4px}html,body{background-color:#333;font-family:sans-serif;min-height:100vh;margin:0;padding:0}a{color:#f5f5f5;text-decoration:none}#app{display:flex;flex-direction:column;min-height:100svh}main{background-color:#ffda00;display:flex;flex-direction:column;flex:1 0 auto}.start-button{width:7rem;height:3rem;font-size:1rem;cursor:pointer}