img {
    width: 80px;
}

.divImg {
    width: 80px;
    border: 2px solid var(--corPrimaria);
    border-radius: 50%;
    overflow: hidden; 
    background-color: white;
    
}

.card {
    min-width: 300px;
    height: 300px;
    border: 2px solid var(--corSegundaria);
    background-color: rgb(rgb(0, 195, 255));
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

p{
    text-align: center;
}

.container {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 10px;
}

.card:hover {
     cursor: pointer;
     transform: translate(-25px);
}


@media screen and (max-width:600px) or (orientation: portrait) {
    .card {
        border-color: red;
        background-color: green;
    } 

    h2 {
        display: none;
    }
}

@media print {
  .card {
     border: none;
  }
}