@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

body{
    background-color: #121212;
    color: #E0E0E0;
    font-family: 'Montserrat', sans-serif;
}

h1{
    padding-top: 10px;
    color: #E0E0E0;
    text-align: center;
    font-size: 70px;
}

.card{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;

}

.tarjeta{
    background-color: #1E1E1E;
    margin: 15px;
    border-radius: 10px;
    transition: transform 0.3s ease;
    color: #E0E0E0 ;
}

.tarjeta:hover{
    transform: scale(1.03);
    box-shadow: rgb(255, 255, 255, 0.1) 0px 5px 15px;
}

.tarjeta img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    filter: grayscale(100%);
    transition: filter 0.5s ease;
}

.tarjeta:hover img{
    filter: grayscale(0%)
}

.tarjeta h2{
    font-size: larger;
}

.tarjeta .alive{
    color: greenyellow;
}

.tarjeta .dead{
    color: red;
}

.tarjeta .unknow
{
    color: whitesmoke;
}