body{background-color:#333;color:#ccc;font-family:sans-serif;padding:0 1rem}body h1{color:#d1a855}body nav{background-color:#222;padding:.5rem}body nav a{color:#aaa;text-decoration:none;margin-right:1rem}body nav a.active{color:#d3d36e}body .page .flashcard{margin-top:1rem;max-width:35rem}body .page .flashcard .front{background-color:#222;border-radius:.5rem .5rem 0 0;padding:1rem;user-select:none;cursor:pointer}body .page .flashcard .front .category{color:#d8ae60}body .page .flashcard .back{background-color:#111;border-radius:0 0 .5rem .5rem;padding:1rem;color:#e4e480}body .page .flashcard .back p{margin:0}body .page .flashcard .back p code{background:#000;padding:0 .5rem;color:orange}body .pageByCategory select{margin-top:1rem;font-size:1.3rem}