/* flipping logo */

#f1_container {
    font-size: 50px;
    font-weight: 500;
    font-family: Arial;
    z-index: 1;
    color: #fafafa;
    order: 0;
}
#f1_container {
    perspective: 1000;
}
#f1_card {
    width: 100;
    height: 100;
    transform-style: preserve-3d;
    transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
    transform: rotateY(180deg);

}
.eres {
    position: absolute;
    width: 100;
    height: 100;
    backface-visibility: hidden;
    
}
.eres.back {  
    transform: rotateY(180deg);  
    color: black;
    text-align: center;

}