Team:IIT Kharagpur/style

/* Team Page */

.jumbo-team { position: relative;

overflow: hidden; background: #335353 url("../img/team2.jpg") center center; background-size: cover; height:99%; width:100%; }

.team-text-div1 { position: absolute; width:1000px;

   top:50%;
   left: 50%;
   margin-left: -500px;
   margin-top: -100px;

}

.team-text1 { display: block; margin-right: auto; margin-left: auto; width:60%; }

.team-text-div2 { position: absolute; width:400px; top:70%; left:50%; margin-left:-200px; transition:all 0.3s ease; }

.team-text-div2:hover { width:380px; margin-left: -190px; }

.team-text2 { display: block; margin-right: auto; margin-left: auto; width:100%;

}

.team-mid2{

}

.team-heading { text-align:center; }

.team-description { padding:20px; }

.member-div { border:3px solid #17bcb8; margin:10px 2% 10px 2%; padding: 10px; border-radius: 3%; width:29% ; height:auto; overflow: hidden; }

@media screen and (max-width: 992px) { .member-div { width:auto;

}

}

.member-photo-div { overflow: hidden; display: block; margin-right: auto; margin-left: auto; background-blend-mode: multiply; border-radius: 50%; border:5px solid #17bcb8; width:250px; height:250px; transition: all .4s linear; }

.harsheel { background: hsl(200,50%,50%) url("../img/harsheel.png"); background-size: cover; }

.harsheel:hover { background: url("../img/harsheel.png"); border:10px solid #17bcb8; background-size: cover; }

.krishna { background: #80B2B2 url("../img/krishna.png"); background-size: cover; }

.krishna:hover { background: url("../img/krishna.png"); background-size: cover; border:10px solid #17bcb8; }

.yogesh { background: #80B2B2 url("../img/yogesh.png"); background-size: cover; }

.yogesh:hover { background: url("../img/yogesh.png"); background-size: cover; border:10px solid #17bcb8; }

.vivek:hover { background: url("../img/vivek.png"); background-size: cover; border:10px solid #17bcb8; }

.vivek { background: #80B2B2 url("../img/vivek.png"); background-size: cover; }

.roshan:hover { background: url("../img/roshan.png"); background-size: cover; border:10px solid #17bcb8; }

.roshan { background: #80B2B2 url("../img/roshan.png"); background-size: cover; }

.sriram:hover { background: url("../img/sriram.png"); background-size: cover; border:10px solid #17bcb8; }

.sriram { background: #80B2B2 url("../img/sriram.png"); background-size: cover; }

.varshit:hover { background: url("../img/varshit.png"); background-size: cover; border:10px solid #17bcb8; }

.varshit { background: #80B2B2 url("../img/varshit.png"); background-size: cover; }

.swati { background: #80B2B2 url("../img/swati.png"); background-size: cover; }

.swati:hover { background: url("../img/swati.png"); background-size: cover; border:10px solid #17bcb8; }

.ashutosh { background: #80B2B2 url("../img/ashutosh.png"); background-size: cover; }

.ashutosh:hover { background: url("../img/ashutosh.png"); background-size: cover; border:10px solid #17bcb8; }

.member-desc-div { display:block; margin-right:auto; margin-left: auto; padding:15px; color:#000; text-align: center;

}

.member-desc-div h4 { text-align: center; color:#17bcb8; font-weight: bold; }

.prof-div { margin-top: 10px; margin-bottom: 10px; border:3px solid #17bcb8 ; border-radius: 4px; display:block; width:100%; padding:10px; overflow: hidden; }

.prof-pic-div { border:5px solid #17bcb8; float:left; border-radius: 50%; display:block; width:240px; height:240px; margin-left: 20px; margin-top:20px; background-blend-mode: multiply; transition: all .4s linear; }

.prof-desc-div { padding:10px; display:block; float:right; width:70%; margin:20px 50px 0 20px; }

.prof-desc-div h4 { color:#17bcb8; font-weight: bold; } .prof-desc-div h5 { color:#17bcb8; font-weight: bold; }

.agneyo { background: #80B2B2 url("../img/agneyo.jpg"); background-size: cover; }

.agneyo:hover { background: url("../img/agneyo.jpg"); background-size: cover; border:10px solid #17bcb8; }

.sdey { background: #80B2B2 url("../img/sdey.png"); background-size: cover; }

.sdey:hover { background: url("../img/sdey.png"); background-size: cover; border:10px solid #17bcb8; }

.team-mid3 { padding:10px; }

.team-mid3 h2 { text-align: center; font-weight: bold; }

.team-mid3 h3 { text-align: center; font-weight: bold; }