@import"https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap";:root{--base-clr: #11121a;--line-clr: #42434a;--hover-clr: #464F51;--text-clr: #e6e6ef;--accent-clr: #2e4d83;--accent-box: #23262f;--secondary-text-clr: #3f4045}*{margin:0;padding:0}.body{background-color:var(--base-clr);color:var(--text-clr);display:grid;grid-template-columns:auto 1fr;overflow-y:auto;max-height:100vh;padding:0;margin:0;list-style:none;min-height:100vh}.body::-webkit-scrollbar{display:none}.body{scrollbar-width:none}#sidebar{box-sizing:border-box;height:100vh;width:250px;padding:5px 1em;background-color:var(--base-clr);border-right:1px solid var(--line-clr);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-clr)}#sidebar ul li.active a svg{fill:var(--accent-clr)}#sidebar a,#sidebar .dropdown-btn,#sidebar .logo{border-radius:.5em;padding:.85em;text-decoration:none;color:var(--text-clr);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(--text-clr)}#sidebar a span,#sidebar .dropdown-btn span{flex-grow:1}#sidebar a:hover,#sidebar .dropdown-btn:hover{background-color:var(--hover-clr)}#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 svg: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(--hover-clr)}main{padding:min(30px,7%)}main p{color:var(--secondary-text-clr);margin-top:5px;margin-bottom:15px}.container{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line-clr);border-radius:1em;margin:10px;padding:min(3em,15%);max-width:90vw}.container h2,.container p{margin-top:1em}.question{text-align:center}.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:25px}.info-container{display:flex;flex-direction:row;justify-content:space-around}.question-container{border:solid;border-radius:20px;margin:10px;padding:20px;min-height:70vh}.question-text{margin-top:30px}.question-exam-name,.question-exam-description,.question-exam-code{text-decoration:underline;margin-bottom:10px}.question-exam{display:flex;flex-direction:rom;justify-content:space-between}.question-answers{list-style:none;background-color:#222533;border:solid white;border-radius:20px;padding:20px;margin-top:10px}.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 60px}.container{padding:min(1em,3%)}#sidebar{height:60px;width:100%;border-right:none;border-top:1px solid var(--line-clr);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;border-radius:0;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(--hover-clr);border-top:1px solid var(--line-clr);display:flex;justify-content:center}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;padding:1em;width:auto;justify-content:center}}.card{font-size:small;display:flex;justify-content:center;border-radius:20px;border:1px solid white;width:55vw;margin:10px 0}.button-group{display:flex;justify-content:space-around;margin:0 10%}.form-group{align-items:center;text-align:center;border:1px solid white;border-radius:10px;margin:20px;padding:10px}.form-group label{margin:10px;color:#f5f5f5;font-weight:800}.table{font-size:9px;background-color:var(--base-clr);color:#fff;margin-top:1em;padding:5px;border:1px solid white;border-radius:10px}.exam-table-head{border-radius:13px;text-decoration:underline}.table .thead-light{font-size:9px}.table-style{font-size:10px;font-weight:600;color:#fff;gap:1rem;padding:.5em;border-bottom:1px solid #fff;border-radius:3px}.table-action{background:none}.edit-icons{display:flex;align-items:center;background-color:var(--accent-clr);border:1px solid #fff;border-radius:50%;padding:2px}.icon-box{display:flex;gap:.5rem}.icon-cursor{cursor:pointer}.modal{position:absolute;background-color:var(--secondary-text-clr);font-size:9px;border:1px solid #fff;border-radius:8px;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}.exam-table-head{padding:8px;text-align:center}.table td{padding:8px}