.home{background-color:wheat;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:2rem;color:#000}.home .school-cont,.home .school-cont .school{display:flex;justify-content:center;align-items:center;padding:1rem;height:100%;width:100%}.home .school-cont .school .firstimg{position:absolute;border-radius:20px;box-shadow:0 2.98256px 7.4564px #000000e6;height:80vh;width:80vw;animation:zoomIN forwards 12s;transition:all ease-in-out .5s;background-blend-mode:soft-light}.home .school-cont .school .secondimg{position:absolute;height:80vh;width:80vw;border-radius:20px;box-shadow:0 2.98256px 7.4564px #000000e6;transition:all ease-in-out .5s;animation:appear forwards 9s;background-blend-mode:soft-light}.home .school-cont .school .thirdimg{position:absolute;opacity:1;height:80vh;width:80vw;border-radius:20px;box-shadow:0 2.98256px 7.4564px #000000e6;transition:all ease-in-out .5s;animation:appears forwards 24s;background-blend-mode:soft-light}.home .school-cont .school .fourthimg{position:absolute;border-radius:20px;box-shadow:0 2.98256px 7.4564px #000000e6;height:300vh;width:300vw;animation:zoomout forwards 23s;transition:all ease-in-out .5s;background-blend-mode:soft-light}@keyframes zoomIN{0%{transform:scale(1)}10%{transform:scale(1)}30%{transform:scale(5);visibility:hidden}to{opacity:0;visibility:hidden}}@keyframes appear{0%{opacity:0;transform:scale(1)}40%{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1)}65%{transform:scale(1)}90%{opacity:1}to{opacity:0;transform:scale(5)}}@keyframes appears{0%{opacity:0;transform:scale(1)}35%{opacity:0;transform:scale(1)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(5)}}@keyframes zoomout{0%{opacity:0}70%{opacity:0;transform:scale(1)}to{transform:scale(.2)}}.Sidebar{background-color:#000;z-index:1;height:100vh;width:5vw;margin-left:-3.7vw;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;color:wheat;box-shadow:0 2.98256px 7.4564px #00000080}.Sidebar nav{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50px}.Sidebar nav .tabs{height:20vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-content:center}.Sidebar nav .tabs a{font-size:25px;color:#000;display:block;justify-content:center;align-items:center;color:#f0f8ff;text-decoration:none}.Sidebar nav .tabs a i{transition:all .5s ease-in-out}.Sidebar nav .tabs a:hover svg{opacity:.5}.Sidebar nav .tabs a:hover:after{opacity:1}.Sidebar nav .tabs a.active svg{color:#4db5ff}.Sidebar nav .tabs .span{visibility:visible;margin-bottom:1rem}.layout{display:flex}.layout .sidebx{z-index:1;display:flex;width:0%;transition:all ease-in-out .5s}.layout .sidebx .bag{height:10vh;background-color:transparent;border:none}.layout .sidebx .bag:hover{cursor:pointer}.layout .display{z-index:-1;display:flex;align-items:center;justify-content:end;position:fixed;width:100%;height:100%}.marg{margin-left:0vw;transition:all ease-in-out .5s}.acad-page{height:100vh;width:100%;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:2rem;display:flex;flex-direction:column;align-items:center;background-color:wheat}.acad-page header{height:3rem;margin-top:2rem;display:flex;align-items:center;justify-content:center;position:fixed;color:#1d1c1c;font-size:20px;font-family:monospace;font-weight:600}.acad-page header h1{font-weight:900}.acad-page .tbl{display:flex;align-items:center;flex-direction:column;margin-top:10%;height:50vh;width:50vw}.acad-page .tbl .table-data{position:fixed;width:40rem;display:block;justify-content:center;align-items:center;overflow:hidden}.acad-page .tbl .table-data section{display:grid;height:80px;grid-auto-flow:row;grid-auto-columns:1fr 1fr;grid-column-gap:20px;grid-row-gap:7px;grid-template-columns:1fr 1fr}.acad-page .tbl .table-data section div{display:flex;flex-direction:column;justify-content:center;align-items:center}.acad-page .tbl .table-data section div label{font-family:monospace;font-size:2rem;font-weight:900}.acad-page .tbl .table-data section div select{display:block;width:80%;height:40px;padding:8px 12px;margin-bottom:10px;font-size:14px;color:#859335;background-color:#fff;border:1px solid #ccc;border-radius:5px;font-family:monospace;letter-spacing:2px}.acad-page .tbl .table-data .search-br{display:flex;justify-content:center;height:50px;width:100%;margin-top:1rem;font-family:monospace;gap:1rem}.acad-page .tbl .table-data .search-br input{height:3rem;padding:1rem;border-radius:20px;opacity:.7;font-size:15px;border:none;font-family:monospace}.acad-page .tbl .table-data .search-br input:focus{opacity:1}.acad-page .tbl .table-data .search-br .sea{width:50px;font-size:30px;background:transparent;border:none}.acad-page .tbl .table-data .search-br .sea :hover{cursor:pointer;color:#333}.acad-page .tbl table{height:40vh;width:40%;margin-top:10%;display:flex;flex-direction:column;position:fixed;align-items:center}.acad-page .tbl table tbody{height:100%;width:100%;font-family:monospace;color:#285b0b;display:flex;flex-direction:column;align-items:center}.acad-page .tbl table tbody th{width:2000px}.acad-page .tbl table tbody tr{display:flex;width:100%}.acad-page .tbl table tbody .data-row{height:25vh;width:100%;overflow:auto;padding:.5rem;scroll-behavior:smooth;border:3px solid #032e07;border-radius:10px}.acad-page .tbl table tbody .data-row ::-webkit-scrollbar-button{visibility:visible}.acad-page .tbl table tbody .data-row td{color:#252323;width:100%;text-decoration:none;list-style:none;padding-bottom:2px}.acad-page .tbl table tbody .data-row td .names_rows{margin-left:5%;color:#0fa4d1}.acad-page .tbl table tbody .data-row td .marks{text-align:center}*{list-style:none}.sports-page{height:100vh;width:100%;background-color:wheat;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:2rem;display:flex;align-items:center;justify-content:center}.sports-page .heading{z-index:1;margin-top:-45%;font-family:monospace;font-size:3rem;font-weight:bolder;color:#2f2209;letter-spacing:3px}.sports-page .backs{height:80vh;width:20vw;background-color:#0fcbe4;border-radius:2rem;margin-left:1px;position:fixed;margin-right:55%;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:0 2.98256px 7.4564px #00000080}.sports-page .backs a{text-decoration:none;color:wheat;font-family:monospace;font-weight:900;font-size:3rem;text-align:center}.sports-page .backs img{rotate:-20deg}.sports-page .backs img:hover{transform:translate(20rem,4rem);transition:all ease-in-out .5s}.sports-page .backs:hover{transform:scale(1.1);transition:all ease-in-out .5s}.sports-page .backs2{height:80vh;width:20vw;background-color:#efa40f;border-radius:2rem;margin-left:1px;margin-right:20%;position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 2.98256px 7.4564px #00000080}.sports-page .backs2 a{text-decoration:none;color:#fff;font-family:monospace;font-weight:900;font-size:3rem;text-align:center}.sports-page .backs2 img{transition:all ease-in-out .5s}.sports-page .backs2 img:hover{transform:scale(1.5);transition:all ease-in-out 1s}.sports-page .backs2:hover{transform:scale(1.1);transition:all ease-in-out .5s}.sports-page .backs3{height:80vh;width:20vw;background-color:#d957eb;border-radius:2rem;margin-right:1px;margin-left:15%;position:fixed;box-shadow:0 2.98256px 7.4564px #000c;display:flex;justify-content:center;align-items:center}.sports-page .backs3 a{text-decoration:none;color:wheat;font-family:monospace;font-weight:900;font-size:3rem;text-align:center}.sports-page .backs3 img{margin-top:-45%;transition:all ease-in-out .5s}.sports-page .backs3 img:hover{transform:scale(1.2);transition:all ease-in-out 1s}.sports-page .backs3:hover{transform:scale(1.1);transition:all ease-in-out .5s}.sports-page .backs5{height:80vh;width:20vw;background-color:#395b74;border-radius:2rem;margin-left:1px;position:fixed;margin-right:-50%;box-shadow:0 2.98256px 7.4564px #000c;display:flex;justify-content:center;align-items:center}.sports-page .backs5:hover{transform:scale(1.1);transition:all ease-in-out .5s}.sports-page .backs5 a{text-decoration:none;color:wheat;font-family:monospace;font-weight:900;font-size:3rem;text-align:center}.sports-page .backs5 img{margin-top:-45%;transition:all ease-in-out .5s}.sports-page .backs5 img:hover{transform:scale(1.2);transition:all ease-in-out 1s}.sports-page .backs5:hover{transform:scale(1.2);transition:all ease-in-out .5s}*{box-sizing:border-box}.contact-page{background-color:#000;height:100vh;width:100%;display:flex;justify-content:Center;font-family:monospace;font-size:60px}.contact-page h1{margin-top:5%;position:absolute;font-size:60px;font-family:monospace;color:gray}.contact-page .contact-form{z-index:1;display:block;height:40rem;width:60rem;margin-top:10%}.contact-page .contact-form form{display:grid;grid-auto-flow:row;grid-auto-columns:1fr;grid-column-gap:20px;grid-row-gap:7px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.contact-page .contact-form form label{font-size:15px;color:#fff;font-family:monospace;font-weight:600}.contact-page .contact-form form input{display:block;width:100%;height:50px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:5px;font-family:monospace;letter-spacing:2px;font-weight:500}.contact-page .contact-form form .submit-btn{position:static;z-index:2;height:74px;padding:19px 33px;width:200px;border:2px solid #fff;color:#fff;border-radius:8px;background-color:transparent;-webkit-transition:color .4s,background-color .4s;transition:color .4s,background-color .4s;font-size:19px;line-height:30px;font-weight:400;letter-spacing:3.5px;text-transform:uppercase}.contact-page .contact-form form .submit-btn:hover{background-color:#fff;color:#333}.contact-page .contact-form form select{display:block;width:100%;height:50px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:5px;font-family:monospace;letter-spacing:2px}.contact-page .contact-form form textarea{display:block;width:205%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:5px;font-family:monospace;letter-spacing:1px;min-height:100px;font-weight:525}*{padding:0;margin:0}.container-login{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#374540}.container-login .logo-signin{position:fixed;margin-top:-25%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f5f5f5;font-family:monospace;font-size:20px;text-shadow:0px 3px 2.4px rgb(0,0,0)}.container-login .logo-signin img{margin-bottom:3rem}.container-login .inputs{width:20rem;height:20rem;display:flex;flex-direction:column;margin-top:2rem;align-items:center;font-family:monospace;font-weight:700;font-size:1.5rem}.container-login .inputs a{text-decoration:none;color:#f5f5f5}.container-login .inputs .emails{font-size:20px;width:100%;color:wheat}.container-login .inputs .emails .email-in{margin-bottom:3rem}.container-login .inputs .emails .email-in input{color:wheat;font-family:monospace;font-size:16px;width:300px;height:40px;border-radius:5px;background-color:#0f0c0c99;border:none;box-shadow:0 2.98256px 7.4564px #706f6fcc}.container-login .inputs .passwords{display:flex;font-size:20px;width:100%;flex-direction:row;gap:5rem;color:wheat}.container-login .inputs .passwords a{align-items:right;text-decoration:none;font-size:15px}.container-login .inputs .password-in input{color:wheat;width:300px;height:40px;border-radius:5px;background-color:#0f0c0c99;border:none;box-shadow:0 2.98256px 7.4564px #747272cc}.container-login .inputs .btn-signin{background-color:#82a16d;margin-top:2rem;height:4rem;display:flex;justify-content:center;box-shadow:0 2.98256px 7.4564px #0d0c0ccc;border-radius:20px}.container-login .inputs .btn-signin button{background-color:transparent;border:none;width:100%;font-family:monospace;font-size:17px;font-weight:780;color:bisque}.container-login .inputs .btn-signin button:hover{cursor:pointer}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:#cede6f;border-radius:20px}::-webkit-scrollbar-thumb{background:linear-gradient(rgb(255,173,10),rgb(136,22,22));border-radius:30px}::-webkit-scrollbar-thumb:hover{background:bisque;cursor:pointer}