style.css

nav,nav>a{text-align:center;text-transform:uppercase;text-decoration:none}.base,strong{font-weight:100}.head2,nav,nav>a{text-transform:uppercase}.fac,.inner,li,ul li:after{opacity:0}a,nav,nav>a{text-decoration:none}body,html{margin:0;padding:0;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}header{height:60px;width:100%;top:0;left:0;background:#0d1624;z-index:999895645564264265;position:fixed}nav{float:right;margin:20px auto 0;z-index:6515562}nav>a{margin-left:20px;margin-right:20px;padding-left:5px;padding-right:5px;padding-bottom:16px;color:#fff;position:relative}header nav a:before{content:"";position:absolute;bottom:-4px;left:0;right:0;margin:auto;width:0;height:.1rem;background-color:#fff}.container,header nav a:hover:before{width:100%}*,:after,:before{box-sizing:border-box;transition:.3s all ease}.container{height:600px;top:0;left:0;margin:0;background-image:url(dps.jpg);background-size:cover;background-position:center center;background-attachment:fixed;background-repeat:no-repeat;position:relative;overflow:hidden}.container:after,.container:before{position:absolute;height:100%;top:0;content:""}.container:before{width:40%;-webkit-width:40%;background:rgba(37,39,135,.25);left:0}.container:after{width:60%;-webkit-width:40%;background:rgba(6,36,43,.66);right:0}.intro,.introhead{height:200px;margin:0 auto;position:relative;width:80%;text-align:center}.intro{top:25%}.header{font-size:5vw;position:relative;z-index:9999;color:#fff}strong{color:#14b97d}.introhead{top:10%}.base{font-size:30px;color:#fff;z-index:9999;position:relative;letter-spacing:-1px}.button{width:80%;margin:45px auto 0}.more,.pin{height:70px;width:200px;display:inline-block;z-index:9999;font-size:1.4vw;font-weight:700;position:relative}.more{float:left;left:25%;background-color:#14b97d;border:2px solid #14b97d;color:#fff;-webkit-transition:.4s all ease-in-out;-moz-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;transition:.4s all ease-in-out}.pin,h5{float:right}.more:hover,.pin{border:2px solid #fff;-webkit-transition:.4s all ease-in-out;-moz-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out}.more:hover{transition:.4s all ease-in-out;background:#fff;color:#184051}.pin{right:25%;color:#fff;background:0 0;transition:.4s all ease-in-out}.pin:hover{-webkit-transition:.4s all ease-in-out;-moz-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;transition:.4s all ease-in-out;background:#fff;color:#3B4F46}.about{display:flex;justify-content:center;padding:6rem 0;background:#1f3236;color:#37474F;position:relative;height:650px;width:100%}.alumni>div>div,li{display:inline-block}.firstp,h2{font-weight:100;color:#fff}.firstp{font-size:20px;text-align:center;width:80%;margin-left:40px;font-family:Raleway,sans-serif;line-height:1.7}.leftside,.rightside{position:relative;opacity:0;transition:all .8s ease-in-out}.rightside{right:-2.5rem;margin-right:40px}.leftside{left:-2.5rem;transition-delay:.4s;margin-left:40px;width:60%}h2{font-size:45px;margin-left:150px;font-weight:700;margin-top:20px}.lol1{height:400px;width:400px;box-shadow:1px 2px 2px #999}.noshade{width:100px;top:0;text-align:left;margin:0 auto 0 295px;border:none;background-color:#fff;height:.05rem;color:#37527d}.faculty{height:700px;width:100%;background:#ECEFF1;margin-top:-20px}.head2{font-size:50px;margin:0 auto 0 43%;padding-top:70px;position:relative;color:#1f3236}.mamtext,h4{color:#37527D;position:relative}.inner{position:relative;transition:all .8s ease-in-out;top:-3rem}.fac{height:530px;width:50%;margin:0 auto;background:#fff;box-shadow:2px 2px 2px #999;position:relative;transition:all .9s ease-in-out;top:2rem;transition-delay:.5s}.mam{height:140px;width:140px;margin:0 auto 0 40%;border-radius:100%;position:relative;top:15px}.mamtext,.mamtext1,h4{margin:0 auto;text-align:center}.mamtext{font-size:23px;font-weight:700;font-family:'Roboto Slab',serif;letter-spacing:2px;top:20px;left:2px}.mamtext1,h4,h5{font-size:17px}h4{font-family:Raleway,serif}h8,h9{font-family:Raleway,serif;text-transform:uppercase}.mamtext1{width:80%;line-height:1.5rem;font-weight:400}h5{color:#213B64;margin-right:5%;position:relative}.team{height:1100px;width:100%;background:#1f3236}.teamh{color:#fff;font-size:50px;margin:0 auto;text-align:center;position:relative;padding-top:60px}ul{width:90%;margin:80px auto 0;text-align:center;position:relative}li{height:350px;width:300px;background:#999;position:relative;border:2px solid #fff;z-index:10;bottom:50px;transition:all .6s ease-in-out;margin:20px}ul li:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;transform:rotateX(-90deg)}.alumni>div,.alumni>div>div,.chalo,.inner1,.teamh1,h8,h9{position:relative}.te1 li:nth-child(1),.te1 li:nth-child(2),.te1 li:nth-child(3),.te2 li:nth-child(1),.te2 li:nth-child(2),.te2 li:nth-child(3){background-size:cover;background-repeat:no-repeat}ul li:hover:after{opacity:.8;transform:none}ul li:hover>h8,ul li:hover>h9{opacity:1;z-index:1}.chalo>span,.inner1,h8,h9{opacity:0}h8{font-size:25px;font-weight:bolder;top:25%;color:#242946}h9{font-size:20px;top:30%;font-weight:700;color:#2980b9}.te1 li:nth-child(1){background-image:url(img/saanidhay.jpg);transition-delay:.3s}.te1 li:nth-child(2){background-image:url(img/atishay.jpg);transition-delay:.6s}.te1 li:nth-child(3){background-image:url(img/karan.jpg);transition-delay:.9s}.te2 li:nth-child(1){background-image:url(img/arjun.jpg);transition-delay:1.2s}.te2 li:nth-child(2){background-image:url(img/rakshit.jpg);transition-delay:1.5s}.te2 li:nth-child(3){background-image:url(img/nee.jpg);transition-delay:1.8s}.inner1{transition:.8s all ease-in-out;bottom:15px}.alumni{height:850px;width:100%;background:#ECEFF1}.alumni>div{padding-top:20px;width:80%;margin:auto}.alumni>div>div{width:calc(33% - 32px);margin:15px;height:90px;padding-bottom:20px;border-radius:5px;border:1px solid #d1d1d1;text-align:center;bottom:50px;transition:all .8s ease-in-out;opacity:0}.teamh1{color:#1f3236;margin:40px auto 0;text-align:center;font-size:50px}.alumni>.pop>div>span,.chalo,.footer{margin:0 auto;text-align:center}.alumni>.pop>div>span{text-transform:uppercase;position:relative;top:25%;font-weight:200;font-size:1.2em;display:block;padding:10px 0}#ll{left:360px}.alumni>div>div:hover{-webkit-transition:.3s all ease;border:1px solid #1f3236}.contact{background:#1f3236;height:450px;width:100%}.chalo{height:300px;width:50%;top:50px}.chalo>span{display:block;padding-top:40px;text-align:center;font-size:22px;font-weight:100;color:#fff;bottom:50px;transition:all .6s ease-in-out}.chalo>span:nth-child(1){transition-delay:.3s}.chalo>span:nth-child(2){transition-delay:.6s}.chalo>span:nth-child(3){transition-delay:.9s}.footer{left:0;bottom:0;height:80px;width:100%;background:#0D1624;padding-top:30px;padding-right:50px}.footer>span{font-size:17px;margin:0 30px 0 20px;text-align:center;font-weight:700;color:#fff;float:right}.footer>span:hover{opacity:.6}.footer>.left{float:left;padding-left:40px}a{color:#fff}