@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&family=Hind+Siliguri:wght@400;600;700&family=Mina:wght@400;700&display=swap";
:root{--bg-color:#242524;--Header-color:#ff7300;--sidebar-color:#2e30354d;--border-color:#2d3139;--text-color:#fff;--lessonpage-color:#1b2f30}*{box-sizing:border-box}body,button,input,select,textarea{letter-spacing:.5px;font-family:Fredoka,Hind Siliguri,Mina,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Fredoka,Hind Siliguri,sans-serif;font-weight:700}html,body{height:100%;color:var(--text-color);background-color:#151920;margin:0;padding:0;overflow:hidden}.app{background-color:#151920;flex-direction:column;height:100vh;display:flex;overflow:hidden}.homeLayout{flex:1;grid-template-columns:280px minmax(0,1fr) 280px;gap:24px;height:100%;min-height:0;padding:10px;display:grid}.checkT{border-radius:30px;width:100%;height:100%;position:relative;overflow:hidden}.checkT canvas{border-radius:30px;outline:none;padding:10px;display:block;width:100%!important;height:100%!important}.main-content{box-sizing:border-box;background-image:radial-gradient(#232529 1.5px,#0000 1.5px);background-size:24px 24px;background-color:var(--lessonpage-color);border:2px solid #2d3139;border-radius:30px;height:100%;padding:10px;overflow:hidden}.main-content::-webkit-scrollbar{display:none}@media (min-width:2560px){.homeLayout{width:100%;max-width:2500px;margin:0 auto}}@media (min-width:3440px){.homeLayout{width:100%;max-width:2800px;margin:0 auto}}@media (max-height:768px) and (orientation:landscape){.homeLayout{gap:12px;padding:5px 10px 10px}.main-content{padding:4px}}