@import url(style.css);

.team-pic{
    width: 250px;
    aspect-ratio: 976 / 1649;
    margin: 2%;
    text-align: center;
    background-image: url(https://static.igem.wiki/teams/5441/style/img-2379-1.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.team-pic img{
    margin-top: 13%;
    width: 82%;
    height: 60%;
    object-fit: cover;
}
.team-pic p{
    margin-top: 20%;
    height: 10%;
    margin-bottom: 2%;
    font-size: 0.7em;
}
/*.team-pic:hover{
    transition: box-shadow 1s;
    box-shadow: 20px -20px #430001,-20px 20px white;
}
.team-pic:hover .poster{
    display: block;
    animation: fade 1s forwards;
}*/
.team-pic .poster{
    background-image: url(https://static.igem.wiki/teams/5441/style/igem-postcard-v2-1.png);
    width: 50vw;
    aspect-ratio: 216 / 162;
    background-size: cover;
    z-index: 3;
    position: fixed;
    top: 20%;
    left: 25%;
    display: none;
    opacity: 0;
}
@keyframes fade {
    from{opacity: 0;}
    to{opacity: 1;}
}