@import"https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap";:root{--primary: #1A1A1A;--secondary: #555555;--bg: #FFFFFF;--area: #F5F5F5;--accent-one: #283854;--accent-two: #fff}*{margin:0;padding:0}.body{background-color:var(--primary);color:var(--area);display:grid;grid-template-columns:auto 1fr;overflow-y:auto;max-height:100vh;padding:0;margin:0;list-style:none;min-height:100vh;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.body::-webkit-scrollbar{display:none}.body{scrollbar-width:none}#sidebar{display:flex;box-sizing:border-box;height:100vh;width:250px;padding:5px 1em;background-color:var(--accent-one);border:1px solid #fff;border-radius:10px;position:sticky;top:0;align-self:start;transition:.3s ease-in-out;overflow:hidden;white-space:nowrap;z-index:1}#sidebar>ul{max-height:100vh;overflow-y:auto;padding:0;margin:0;list-style:none}#sidebar>ul::-webkit-scrollbar{display:none}#sidebar>ul{scrollbar-width:none}#sidebar.close{padding:5px;width:60px}#sidebar ul{list-style:none}#sidebar>ul>li:first-child{display:flex;justify-content:flex-end;margin-bottom:16px}#sidebar>ul>li:first-child .logo{font-weight:600}#sidebar ul li.active a{color:var(--accent-one)}#sidebar ul li.active a svg{fill:var(--accent-one)}#sidebar a,#sidebar .dropdown-btn,#sidebar .logo{border-radius:.5em;padding:.85em;text-decoration:none;color:var(--area);display:flex;align-items:center;gap:1em}.dropdown-btn{width:100%;text-align:left;background:none;border:none;font:inherit;cursor:pointer}#sidebar svg{flex-shrink:0;fill:var(--area)}#sidebar a span,#sidebar .dropdown-btn span{flex-grow:1}#sidebar a:hover,#sidebar .dropdown-btn:hover{background-color:var(--primary)}#sidebar .sub-menu{display:grid;grid-template-rows:0fr;transition:.3s ease-in-out}#sidebar .sub-menu>div{overflow:hidden}#sidebar .sub-menu.show{grid-template-rows:1fr}.dropdown-btn svg{transition:.4s ease}.rotate img:last-child{rotate:180deg}#sidebar .sub-menu{padding:0;justify-content:space-around}#toggle-btn{height:60px;width:60px;align-self:center;margin-left:auto;padding:1em;border:none;border-radius:.5em;background:none;cursor:pointer}#toggle-btn svg{transition:rotate .15s ease}#toggle-btn:hover{background-color:var(--bg)}main{padding:min(30px,7%)}main p{color:var(--accent-two);margin-top:5px;margin-bottom:15px}.container{border:1px solid var(--secondary);border-radius:1em;margin:5px;padding:min(1em,15%);max-width:99vw;text-align:-webkit-center}.container h2,.container p{margin-top:1px}.question{text-align:center;height:99vh}.question div ul li{padding-top:10px;padding-bottom:10px;text-decoration:underline;text-align:start}.button{padding:10px;border-radius:10px;width:50px;height:50px;background-color:#42434a}.button-container{display:flex;flex-direction:row;justify-content:space-around;margin-top:5px}.info-container{display:flex;flex-direction:row;justify-content:space-around}.question-container{display:flex;flex-direction:column;border-radius:10px;padding:20px}.question-text{margin-top:20px}.question-container{color:#fff;font-size:14px}.question-text p{color:#fff}.question-container div p:first-child{color:red;display:block;padding:1em}.question-container div p{display:none}.question-exam-name,.question-exam-description,.question-exam-code{text-decoration:underline;color:#fff;margin-bottom:20px}.question-exam{display:flex;flex-direction:rom;justify-content:space-between}.question-answers{list-style:none;background-color:#222533;border:solid white;border-radius:10px;padding:20px;margin-top:5px}.answer-correct{color:#7cfc00}.answer-false{color:red}@media (max-width: 800px){.body{grid-template-columns:1fr;grid-template-rows:1fr 60px}main{padding:2em 1em 6px}.container{padding:min(1em,3%)}#sidebar{height:60px;width:100%;border-right:none;border-top:1px solid var(--secondary);padding:0;position:fixed;top:unset;bottom:0}#sidebar>ul{padding:0;display:grid;grid-auto-columns:60px;grid-auto-flow:column;align-items:center;overflow-x:scroll}#sidebar ul li{height:100%}#sidebar ul a,#sidebar ul .dropdown-btn{width:60px;height:60px;padding:0;justify-content:center}#sidebar .username{justify-content:center}#sidebar ul div li a{width:80px}#sidebar ul li span,#sidebar #logobox,#sidebar #toggle-btn,#sidebar .dropdown-btn svg:last-child{display:none}ul li .sub-menu.show{position:fixed;bottom:60px;left:0;box-sizing:border-box;height:60px;width:100%;background-color:var(--primary);border-radius:10px;border-top:1px solid var(--secondary)}ul li .sub-menu.show>div{overflow-x:scroll}ul li .sub-menu.show li{display:inline-flex}ul li .sub-menu.show a{box-sizing:border-box;width:auto;justify-content:center}}.card{font-size:10px;border-radius:10px;border:1px solid white;margin:0;background-color:var(--accent-one);min-height:100%}.button-group button img{margin:10px;background-color:var(--primary)}.button-group{display:flex;width:100%;align-items:center;justify-content:center}.form-group{display:flex;flex-direction:column;align-items:center;border-radius:10px;padding:10px}.form-group label{margin:5px;color:#f5f5f5;font-weight:800}.table{font-size:10px;background-color:var(--primary);color:#fff;margin-top:1em;padding:5px;border:1px solid white;border-radius:10px}.table-head{border:1px solid #fff;border-radius:10px}.table .thead-light{font-size:12px;background-color:var(--accent-one)}.table-style{font-size:11px;font-weight:600;color:#fff;gap:1rem;padding:.5em;border-bottom:1px solid #fff;border-radius:10px}.table-action{background:none}.edit-icons{display:flex;align-items:center;padding:2px;background-color:var(--accent-one);border:1px solid #fff;border-radius:50%}.icon-box{display:flex;gap:.5rem}.icon-cursor{cursor:pointer}.modal{max-width:200px;position:absolute;background-color:var(--accent-one);color:#fff;font-size:10px;border:1px solid #fff;border-radius:10px;box-shadow:0 4px 8px #0003;z-index:9999;padding:10px 5px}.modal-content p{color:#fff;font-family:Arial,sans-serif}.trigger{cursor:pointer}.table-head{padding:8px;text-align:center}.table td{padding:8px}.btn{background-color:var(--accent-two);border-radius:50%;display:flex;align-items:center;padding:2px;margin:0 20px}.btn-primary{background-color:var(--primary);border-color:#0f0}.btn-secondary{background-color:var(--primary);border-color:red}