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

#background {
    background-image: url('/biosync/assets/img/backgroundBioSync.gif');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 1000px;
}

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(242, 250, 132);
}

.footer {
    bottom: 0;
}

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