@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap);
*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Roboto Slab",serif;background-color:#f1f0ea}.header{display:flex;justify-content:center;width:100%;height:6vh;margin-bottom:15px;background-color:#121f3d}.header h2{margin:auto;color:#fff;font-size:30px;text-align:center}.header a{text-decoration:none}#main{display:grid;grid-template-columns:auto auto auto;grid-gap:40px;height:auto}.item{display:grid;grid-template-columns:70px 189px 10px;background-color:#c4c4c4;width:75%;height:100px;padding:10px;margin:auto;border-radius:10px}.item__profile{width:78px;height:78px}.btn{width:25px;height:25px;display:inline-block;position:relative;color:#fff;border-radius:50%;text-decoration:none;text-align:center;border:none;cursor:pointer}.btn-red{bottom:-57px;background-color:#d35050}.btn-green{background-color:#50d3ac}.btn-blue{background-color:#121f3d}.footer{position:fixed;bottom:0;width:100%;height:6vh;background-color:#121f3d;color:#fff;font-size:15px}.footer p{text-align:center;margin-top:10px;font-size:17px}#dashboard{display:grid;grid-template-columns:500px 670px;grid-gap:70px}.groups{background-color:#c4c4c4;margin-left:10px;max-height:500px;border-radius:10px;box-shadow:0px 4px 4px rgba(0,0,0,.25);overflow:auto}.groups__header{background-color:#121f3d;height:40px;border-top-right-radius:10px;border-top-left-radius:10px}.groups__header p{color:#fff;text-align:center;font-size:20px}.groups__item{display:grid;grid-template-columns:250px;justify-content:center;margin-top:20px;margin-bottom:14px}.groups__item .item__header{background-color:#121f3d;border-top-right-radius:10px;border-top-left-radius:10px}.groups__item .item__header p{color:#fff;text-align:center}.groups__item .item__content{display:grid;grid-template-columns:auto auto;align-content:center;justify-content:space-around;background-color:#f1f0ea;height:70px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.groups__item .item__content p{color:#121f3d}.groups__item .item__content .btn-green img{width:11px}.groups__item .item__content .btn-green:focus{outline:none}.students{background-color:#c4c4c4;max-height:500px;border-radius:10px;box-shadow:0px 4px 4px rgba(0,0,0,.25);overflow:auto}.students__content{display:grid}.tbl-students{border-collapse:collapse}.tbl-students__header{background-color:#d35050;color:#fff}.tbl-students th,.tbl-students td{border:1px solid #ddd;padding:8px;font-weight:100}.tbl_input-note{width:50px;background-color:#c4c4c4;font-family:"Roboto Slab";font-size:15px;outline:none;border:none}.btn-blue img{width:11px}@media only screen and (max-width: 600px){#main{grid-template-columns:auto;grid-gap:10px}.item{width:85%;height:120px;margin:10px auto;grid-template-columns:80px 357px 30px}}