body {
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

#clinico {
    transition: transform 0.3s;
    height: 100%;
}
#clinico:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgb(21, 56, 255);
}

#lab {
    transition: transform 0.3s;
    height: 100%;
}
#lab:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgb(252, 62, 62);
}

#agente {
    transition: transform 0.3s;
    height: 100%;
}
#agente:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgb(122, 252, 62);
}

#admin {
    transition: transform 0.3s;
    height: 100%;
}
#admin:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgb(121, 121, 121);
}

#botaoAdmin {
    background-color: rgb(85, 85, 85);
    color: white;
}

.footer {
    margin-top: auto !important;
}

@keyframes girar {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
}
  
#rotation {
    animation: girar 3s linear infinite;
}