*{box-sizing:border-box;margin:0;padding:0;font-family:"Nunito",sans-serif}button{border:none;outline:none;width:100%;padding:15px 0;color:#fff;font-size:16px;letter-spacing:1px;background:#603bbb;cursor:pointer}.login{width:100%;min-height:100vh;padding:0 20px;background:#e9e9e9;display:flex}.login .loginContainer{padding:60px;margin:auto;width:100%;max-width:520px;min-height:600px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at left bottom,#16182f 0,rgba(38,20,72,.9) 59%,rgba(17,27,75,.9) 100%);box-shadow:0 50px 70px -20px rgba(0,0,0,.8)}.login .loginContainer label{color:#fff;margin:14px 0;display:block;font-size:22px;line-height:1}.login .loginContainer input{width:100%;border:none;outline:none;font-size:19px;padding:10px;background:hsla(0,0%,100%,.1);color:#fff;letter-spacing:1px}.login .loginContainer .btnContainer{width:100%;padding:24px 0}.login .loginContainer .btnContainer p{margin:14px 0 0;text-align:right;color:#fff}.login .loginContainer .btnContainer p span{color:#ff0;font-weight:500;letter-spacing:.5px;margin-left:5px;cursor:pointer;transition:all .4s ease-in-out}.login .loginContainer .btnContainer p span:hover{color:red}.err,.login .loginContainer .errorMsg{color:red;font-size:16px}.hero{min-height:100vh;flex-direction:column;overflow-x:hidden}.hero,.hero nav{width:100%;display:flex;align-items:center}.hero nav{background:#603bbb;padding:20px 40px;justify-content:space-between}.hero nav h2{color:#fff}.hero nav button{width:86px;padding:8px 0;background:#361980}.hero::-webkit-scrollbar{width:20px}.hero::-webkit-scrollbar-track{background-color:hsla(0,0%,89.4%,0);border-radius:50%}.hero::-webkit-scrollbar-thumb{border-radius:100px;border:6px solid rgba(0,0,0,.18);border-left:0;border-right:0;background-color:#797979}.new-lecture{padding-top:35px;padding-bottom:10px;width:75%}.input-btn{display:flex}.new-lec{width:90%;outline:#3a2b58;outline-width:4px;font-size:larger}.record{flex-direction:column;width:75%}.heading{padding:4px 4px 0;background:#3a2b58;color:#fff;border-top-left-radius:5px;border-top-right-radius:5px}.class-record{width:100%;height:60vh}table{width:100%;border-collapse:collapse}tr:nth-of-type(odd){background:#eee}th{background:#3498db;color:#fff;font-weight:700}td,th{padding:10px;border:1px solid #3a2b58;text-align:left;font-size:18px}.view-btn{padding:5px 0;border-radius:50px}.view-btn:hover{cursor:pointer;background-color:rgba(58,43,88,.8705882352941177)}.modal-backdrop,.modal-wrapper{position:fixed;top:0;bottom:0;left:0;right:0}.modal-backdrop{z-index:100;background-color:rgba(0,0,0,.3)}.modal-box{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:85%;width:60%;overflow-y:auto;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.25);z-index:101;padding:40px;border-radius:15px;scrollbar-color:#d4aa70 #e4e4e4;scrollbar-width:thin}.modal-box::-webkit-scrollbar{width:20px}.modal-box::-webkit-scrollbar-track{background-color:#e4e4e4;border-radius:100px}.modal-box::-webkit-scrollbar-thumb{border-radius:100px;border:6px solid rgba(0,0,0,.18);border-left:0;border-right:0;background-color:#8070d4}.close{color:#7c7c7c;float:right;font-size:28px;font-weight:700;padding:0 8px;border:1px solid #000;border-radius:50px}.close:focus,.close:hover{color:#fff;text-decoration:none;cursor:pointer;background-color:#b41e1e}@media (min-device-width:768px) and (max-device-width:1024px),only screen and (max-width:760px){table{width:100%}table,tbody,td,th,thead,tr{display:block}thead tr{position:absolute;top:-9999px;left:-9999px}tr{border:1px solid #ccc}td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%}td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;content:attr(data-column);color:#000;font-weight:700}}.App{display:flex;flex:1 1;height:100vh;width:100vw;flex-direction:column}.header{width:100vw;padding:20px;text-align:center}.qrCode{display:flex;flex:1 1;justify-content:center;align-items:center}
/*# sourceMappingURL=main.8f2c2e75.chunk.css.map */