"

From 2014.igem.org

1. team-members .bussinesscard {

 display: inline-block;
 height: 331px;
 width: 500px;
 height: 331px;
 margin-top: 4%;
 margin-left: 2%;
 margin-right: 2%;
 box-shadow: 0px 0px 23px -10px black;

}

1. team-members .nametroduction {

 font-size: 2vw;
 background-color: rgba(255, 255, 255, 0.8);
 color: #ff0060;
 width: 50%;
 position: relative;
 top: 2%;
 border-top-right-radius:0.2em;
 border-bottom-right-radius:0.2em;

}

1. team-members .information_member{

 color:C7004B;
 background-color: #ffffff;
 width: 75%;
 margin-top: 5%;
 opacity: 0.8;
 border-top-right-radius:0.5em;
 border-bottom-right-radius:0.5em;
 border-top-left-radius:0.5em;
 border-bottom-left-radius:0.5em;

}

1. team-members .nametroduction .name {

 margin-left: 2%;
 margin-right: 2%;

}

1. team-members .introduction {

 font-style: italic;
 font-size: 1.1vw;
 padding-top: 3%;
 padding-bottom: 3%;
 margin-left: 2%;
 text-align: left;

}

1. team-members .description_team_members{

 font-size: 1.3vw;
 line-height: 1.2em;
 margin: 3% 3% 3% 2%;
 text-align: left;

}

1. team-members .description_team_members p{

 font-size: 1.3vw;
 margin: 5px;

}

1. team-members .contact_invisible{

 padding-bottom: 3%;
 margin-left: 2%;
 font-size: 1.1vw;
 text-align: left;

}

1. team-members .contact_visible{

 padding-bottom: 3%;
 margin-left: 2%;
 font-size: 1.1vw;
 text-align: left;

}

1. team-members .contact a{

 margin-left: 2%;
 color: #C7004B;

}

1. team-members .contact a:hover{

 color: #ff0060;

}

.information_member{

 position: absolute;
 /*top: 0;*/
 width: 50px;
 opacity: 0;
 -webkit-transition: opacity 500ms;
 -moz-transition: opacity 500ms;
 -o-transition: opacity 500ms;
 transition: opacity 500ms;

} .information_member:hover {

 opacity: 1;

}