body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0}#root{margin:0 auto;text-align:center}.card{padding:2em}.card .logincontainer{font:1em Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;border:2px solid white;padding:2px;margin-right:20px;margin-top:-5px}.card .header{background-color:#000;color:#fff;display:flex;justify-content:space-between;align-items:center;width:100%}.card .logo{font-size:1.5rem;padding:1.5em}.card .nav-menu{display:flex}.card .nav-menu a{text-decoration:none;color:#fff;margin-right:20px}.card .nav-menu a.active{font-weight:700;color:red}.card .quizzes{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.card .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}.card .codesnippet{background-color:#070707;color:#f0f8ff}