html,body{color:#fff;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--dark1:#0d0e0f;--dark2:#282c34;--dark3:#35373a;--dark4:#515358;--dark5:#6e7074;--dark6:#8a8484;--popup-bezier:cubic-bezier(.42,.12,.38,1.37)}.radio-container{-webkit-user-select:none;user-select:none;flex-direction:row;justify-content:center;align-items:center;width:50%;display:flex}.settings-row{flex-flow:wrap;align-items:center;margin:.2em 0;display:flex}.text-input{background-color:var(--dark5);color:var(--dark1);border:0;border-radius:.3em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1em}input{color:#fff}button{background-color:var(--dark5);-webkit-user-select:none;user-select:none;color:var(--dark1);border:0;border-radius:.35em;margin:.1em;padding:.25em;font-size:1em;transition:color .15s,border-color .15s}button:hover{cursor:pointer;background-color:var(--dark4)}button:active{background-color:var(--dark3)}button-clear{background-color:var(--dark2)}.radio{margin-right:.5em}.from-to{max-width:initial;flex-direction:row;width:min(50em,80%);display:flex}.num-selection{background-color:var(--dark5);border:none;border-radius:10px;flex-grow:1;width:4em;margin:.4em;font-size:1em}a{color:inherit;font-size:20px;text-decoration:none}.space-between{justify-content:space-between;align-items:center}.flex{display:flex}.flex-grow{flex-grow:1}.radio-button{border:.15em solid var(--dark5);background-color:var(--dark1);color:#fff}.radio-button:hover{background-color:var(--dark2)}.radio-button:active{background-color:var(--dark3)}.radio-button-selected{border-color:#00f}.flex-center{justify-content:center;align-items:center}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.space-around{justify-content:space-around;align-items:center}*{box-sizing:border-box}.container{padding:0 2rem}.main{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100vh;padding:4rem 0;display:flex}button:hover{cursor:pointer}@media (max-width:600px){.grid{flex-direction:column;width:100%}}.grid{flex-wrap:wrap;justify-content:center;align-items:center;max-width:800px;display:flex}.card{text-align:left;color:inherit;border:1px solid #eaeaea;border-radius:10px;max-width:300px;margin:1rem;padding:1.5rem;text-decoration:none;transition:color .15s,border-color .15s}.card:hover,.card:focus,.card:active{border-color:#0070f3}.card h2{margin:0 0 1rem;font-size:1.5rem}.card p{margin:0;font-size:1.25rem;line-height:1.5}.title{margin:0;font-size:4rem;line-height:1.15}.title a{color:#0070f3;text-decoration:none}.title a:hover,.title a:focus,.title a:active{text-decoration:underline}.title,.description{text-align:center}.description{margin:4rem 0;font-size:1.5rem;line-height:1.5}.redirect-button-container{justify-content:center;align-items:center;display:flex}
.select-class{font-size:1.3em}.marks{justify-content:center;width:60%;display:grid}.mark{flex-direction:row;align-items:center;width:100%;font-size:1.1em;display:flex}.mark:hover{cursor:pointer}.mark-caption{width:10em;margin-right:1em}.mark-mark{text-align:center;width:30%}.highlighted{background-color:#d3d3d3;border-radius:1em}
