body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0}#root{margin:0 auto;text-align:center}.card{padding:2em}.logincontainer{font:1em Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;border:2px solid white;padding:2px;margin-right:20px;margin-top:-5px}.header{background-color:#000;color:#fff;display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font-size:1.5rem;padding:1.5em}.nav-menu{display:flex}.nav-menu a{text-decoration:none;color:#fff;margin-right:20px}.nav-menu a.active{font-weight:700;color:#ffb700}.quizzes{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.quizelement{width:500px;flex-wrap:wrap;margin:10px;padding:1rem;border:1px solid #070707;border-radius:.3rem;background-color:#f5f5f5;box-shadow:0 0 5px #070707}.codesnippet{background-color:#070707;color:#f0f8ff}.linkstable,td,th{border:silver 1px solid;justify-content:center;margin:10px;min-width:300px}.question{text-align:left;color:#ff8c00}.answer{text-align:left}.link-table-item{padding:10px;text-align:left;background-color:#f5f5f5;border-radius:.3rem}.randomgroup{display:flex;flex:wrap}.groupform{margin:0 auto;width:50%;padding:10px;border:1px solid #ccc;border-radius:4px;background-color:#f2f2f2;min-width:300px}textarea{width:100%;height:600px;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}input[type=submit]{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.groupstable{display:flex;flex-flow:wrap row;border-collapse:collapse;margin:0 auto;padding:10px;border:1px solid #ccc;background-color:#f2f2f2}.grouptable{border:1px solid orange;margin-top:2px}.grouptable th,td{border:1px solid #ccc;padding:8px;text-align:center}.grouptable td{text-align:left;background-color:#f0f8ff;min-width:300px}.timeview{font-size:12em;font-variant-numeric:tabular-nums}.timebutton{font-size:1em;margin:.5em}