/* DarkPIt ver 5.1 | Dec 2020 | by ABHAY KUMAR VERMA */
/* Extract from https://github.com/darkRaspberry by Abhay Kumar Verma*/

/*Global properties are here*/
html{font-size:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-family:Verdana,sans-serif}.clear{clear:both;content:" ";font-size:0;visibility:hidden;display:block;height:0;}
*, *::before,*::after{box-sizing:inherit;-webkit-box-sizing:inherit;-moz-box-sizing:inherit;}
a{color:inherit;text-emphasis:none;text-decoration:none!important;}a:hover{color:inherit;}
.right-align{text-align:right!important}.center-align{text-align:center!important;}
.mar{margin:0;}h1{font-size:x-large;}
.ico{font-size:xx-large;}
/*Header starts here*/

.header{background-color:#1abc9c;text-align:center;padding:0;max-width:none;margin:0;overflow:auto;}
/*Nav*/nav{float:right;margin:1rem 0 1rem 0;}.header ul{display:flex;margin:0;}.header li{list-style-type:none;margin:0 2vh;/*3% of the height of the viewport*/margin:0 0;}.header li a{font-size:3vh;font-family:'Zhi Mang Xing', cursive;padding:1em;}.header li a:hover{background-color:#1abc9c;filter:invert(100%);text-decoration:none;}/*Layout for small screen*/header button{display:none;}.headbar *{display:inline;margin:auto;margin:0 auto;vertical-align:middle;}.headbar{float:left;text-align:left;padding-left:0.5rem;}

#logo{padding: 0.5rem;}

/*Header Ends here*/  
/*The button with a tag*/
.button-tag{background-color:#c47135;margin:2vh;border:none;color:#ffffff;outline:none;padding:12px 20px 10px;position:relative;font-family:cursive;}.button-tag:before,.button-tag:after{border:0 solid transparent;transition:all 0.25s;content:'';height:24px;position:absolute;width:24px;}.button-tag:before{border-top:2px solid #c47135;left:0px;top:-5px;}.button-tag:after{border-bottom: 2px solid #c47135;bottom:-5px;right:0px;}.button-tag:hover{background-color:#c47135;}.button-tag:hover:before,.button-tag:hover:after{height:100%;width:100%;}
.absoluteCenter{vertical-align: middle;transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;}
/* For floating text and img center use this*/
.vert-text-fix{vertical-align:middle;text-align:center;}
.center {display: block;margin-left: auto;margin-right: auto;}
/*Body ends here*/
/*Footer Starts here*/
h3{text-align: center;}
.notice{color:rgba(0, 0, 0, 0.466);margin:0;text-align: center;}
.div2{background-color:#ffd082;margin:0 0 0 0;}.d-h3{margin:0;padding:3vh;}.div2 p{font-size:larger;padding:2rem;}
.div3{background-color:#ff7c7c;margin:0 0 0 0;padding:3rem;}.d-div3 *{text-align:center;}.d-div3{margin:0 auto;align-items:center;vertical-align:middle;text-align:center;padding:4vh;}
.teacherPic{border-radius: 40px; box-shadow: 10px 10px 5px #aaaaaa;}

footer{color:grey!important;padding:2em;margin:0;max-width:none;background-color:#21243d;}
.side-extra{font-family:'Zhi Mang Xing', cursive;margin:0;padding:1em;}.div3 p{padding: 2rem;}
.box{height:40vh;width:40vh;display:inline-block;margin:2px auto 2px auto;border-radius:10px;border-style:solid;border-color:rgba(41, 38, 9, 0.589);margin:5px;background-color:rgba(37, 20, 53, 0.575);overflow:hidden;position: relative;}
.box-p{margin:0;position:relative;vertical-align:middle;text-align:center;}
.but-cont{align-items:center;justify-content:center;padding:5vh;}.dl-p{display:inline-block;padding:5vh;margin:2vh;}

table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: #21243d solid 2px;
}
th{
  background-color: #b43636
}
th, td {
  text-align: center;
  padding: 16px;
}
th:first-child, td:first-child {
  text-align: left;
}
/* Zebra-striped table rows */
tr:nth-child(even) {
  background-color: #ffbb7cab
  
}