.headerOne{display:flex;justify-content:center;align-items:center;padding:30px;background-color:green;margin-top:0}.headerOne :any-link{text-decoration:none;color:#fff;font-size:40px}.devs{display:flex;flex-direction:row;list-style-type:none;margin-top:-460px;position:absolute;padding-bottom:100px;background:white}.dev-div{display:flex;justify-content:center;flex-direction:column;align-items:center;width:470px}.dev-div h2{margin-left:-10px;margin-top:-50px;text-align:center}.dev-div h3{margin-left:-10px;margin-top:-10px;text-align:center;color:green;font-weight:lighter}.dev-div img{margin-top:20px;height:150px;width:150px;border-radius:50%}.dev-div p{color:green;margin-top:45px;width:50%;text-align:center}.dev-div ul{margin-top:20px;list-style-type:none;display:flex;gap:20px}.dev-div ul a img{width:40px;height:40px}*{margin:0;padding:0;text-decoration:none}.cohort{margin-top:-490px;margin-left:468px;font-size:40px}.student-num{margin-top:-20px;margin-left:470px}.main{margin-left:470px;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:30px;grid-row-gap:30px;width:900px;list-style-type:none;margin-top:20px;padding-bottom:20px}.main li{border:2px solid black;display:flex;flex-direction:column;padding-bottom:20px;align-items:center;text-align:center;transition:transform .3s ease}.main li:hover{transform:scale(1.1)}.main img{margin-top:20px;border-radius:50%;width:50%}.main h2{margin:24px 0 0;width:100%;color:#000}.main h3{color:green;position:absolute;z-index:1;margin-top:237px;margin-left:0}.main p{margin-top:7px;color:#000}.main button{width:50%;padding:10px;margin:40px 0 0}#myBtn{display:none;position:fixed;bottom:50px;left:1vw;z-index:99;border:none;outline:none;background-color:#90ee90;color:#fff;cursor:pointer;padding:15px;border-radius:10px;font-size:18px}#myBtn:hover{background-color:#555}.aside-ul{display:flex;flex-direction:column;row-gap:10px;margin-left:40px;margin-top:20px;width:350px;list-style-type:none;text-decoration:none}.aside-ul li{transition:transform .3s ease,box-shadow .3s ease}.aside-ul li:hover{transform:scale(1.1);box-shadow:0 8px 16px #0000004d}button{margin-left:120px;margin-top:30px;padding:15px;border-radius:12px;border:none}h2{margin-left:60px;margin-top:60px}.cohorts{border-bottom:1px solid grey;padding-bottom:9px;color:#000;text-decoration:none}.filters{display:flex;gap:20px;margin-top:40px;justify-content:center}.filters label input[type=checkbox]{margin-right:5px}.filters h2{margin-top:-8px}table{width:68%;border-collapse:collapse;margin-top:-260px;margin-left:260px;border-radius:100px}th,td{border:1px solid black;padding:8px;text-align:left}th,td{width:33%}.comment{margin-top:3px;width:98%;height:15px;color:#fff}.comment::placeholder{transform:translateY(-20%);color:#fff;padding:8px}.comment-form{margin-top:30px;margin-left:30px;align-items:center;padding:10px 200px 50px}.comment-form button{margin-top:9px;margin-left:74px;width:60px}.comment-form span{margin-top:-8px;margin-left:-23px;position:absolute}.author{width:12.3em;color:#fff;background:black;border-radius:10px;padding:20px;height:5px;margin-top:0;margin-left:-10px}.author::placeholder{color:#fff;padding:10px}.comment{background:black;width:13em;border-radius:10px;padding:15px;margin-left:-10px}h3{margin-top:-25px;margin-left:280px;color:#fff}.all-notes{height:180px;overflow-y:scroll}.all-notes li{margin-left:79px;margin-top:34px;text-align:center;width:500px;color:#fff;font-size:22px;background:black;margin-bottom:40px;list-style-type:none}*{margin:0;padding:0}.container{border:2px solid black;width:67%;margin-top:-460px;margin-left:440px;padding-bottom:30px}.main-content img{height:150px;width:150px;margin-left:50px;border-radius:50%;margin-top:50px}.name,.email,.dob,.on-track{padding:5px}.name{margin-left:45px;padding:5px}.email{margin-left:35px}.dob{margin-left:45px}.on-track{margin-left:51px;color:green;font-weight:700;font-size:15px}.notes{margin-left:258px;margin-top:30px;width:68%;background:rgb(48,45,45)}.notes h2{color:#fff;text-align:center;margin-left:6px;margin-top:20px;padding-top:12px}footer{position:fixed;bottom:0;left:0;background:green;width:100vw;text-align:center;padding:10px}.about-devs{color:#fff}@media (max-width: 1422px){.main{width:61%}.main h3{margin-top:16%}}@media (max-width: 1353px){.main{width:59%}.main h3{margin-top:15.7%}.main p{margin-top:2px}}@media (max-width: 1275px){.main{width:56%}.main h3{margin-top:15%}}@media (max-width: 1162px){.main{width:54%}.main h3{margin-top:14.7%}}@media (max-width: 1102px){.main{width:51%}.main h3{margin-top:14%}.filters{gap:15px;margin-left:-50px}}@media (max-width: 1057px){.main{display:flex;flex-direction:column;width:40%}.main h3{margin-top:22%}}@media (max-width: 1400px){.container{width:65%;margin-left:450px}.notes{margin-left:260px;width:68%}.notes-container{margin-left:-110px}.notes-container h3{margin-left:390px;margin-top:-10px;padding-bottom:10px}.all-notes{margin-left:-40px}.all-notes li{width:58%;margin-left:250px}.comment-form{margin-left:15px}.comment-form button{margin-left:80px}}@media (max-width: 1360px){.container{width:68%;margin-left:420px}.notes{margin-left:260px;width:68%}.comment-form{margin-left:-10px}.notes-container h3{margin-left:360px}.all-notes li{width:56%;margin-left:240px}}@media (max-width: 1320px){.container{width:66%;margin-left:420px}table{width:64%}.notes{margin-left:260px;width:64%}.notes-container h3{margin-left:330px}.comment-form{margin-left:-40px}.all-notes li{width:54%;margin-left:230px}}@media (max-width: 1280px){.container{width:64%;margin-left:412px}table{width:62%}.notes{margin-left:260px;width:62%}.notes-container h3{margin-left:300px}.comment-form{margin-left:-60px}.all-notes li{width:52%;margin-left:230px}}@media (max-width: 1240px){.container{width:62%;margin-left:420px}.notes{margin-left:260px;width:62%}.comment-form{margin-left:-65px;margin-top:10px}.notes-container h3{margin-left:300px;margin-top:-35px}.all-notes li{width:50%;margin-left:230px;margin-top:10px}}@media (max-width: 1200px){.container{width:60%;margin-left:420px}table{width:58%}.notes{margin-left:260px;width:60%}.notes-container h3{margin-left:280px}.comment-form{margin-left:-90px}.author{height:1px}.comment{height:10px}.all-notes{height:100px}.all-notes li{width:48%;margin-left:235px}}@media (max-width: 1151px){.container{width:60%;margin-left:420px}.notes{margin-left:260px;width:60%}.notes-container h3{margin-left:270px}.comment-form{margin-left:-100px}.author{width:140%;margin-left:10px}.comment{width:150%;margin-left:10px}.all-notes li{margin-left:227px}.aside-ul{width:30%}}@media (max-width: 1119px){.container{width:60%;margin-left:400px}table{width:55%;margin-top:-180px}td,th{padding:4px}.name,.email,.dob,.on-track{padding:0}.main-content img{height:100px;width:100px}.comment-form button{margin-left:35px}.notes{margin-left:259px;width:55%}.notes-container h3{margin-left:240px}.comment-form{margin-left:-80px}.author{width:135%;margin-left:10px}.comment{width:155%;margin-left:10px}.all-notes{height:160px}.all-notes li{width:45%;margin-left:220px}.aside-ul{width:30%}.filters{gap:15px;margin-left:-50px}}@media (max-width: 1060px){.container{width:59%;margin-left:400px}table{width:55%;margin-top:-190px}td,th{padding:3px}.comment-form button{margin-left:110px}.name,.email,.dob,.on-track{padding:2px}.main-content img{height:100px;width:100px}.notes{margin-left:100px;width:75%}.notes-container h3{margin-left:296px}.comment-form{margin-left:-100px}.author{width:73%;margin-left:50px}.comment{width:80%;margin-left:50px}.all-notes li{width:52%;margin-left:226px}.aside-ul{width:30%}}