main{
    background-image: url("../../img/home.png"); /* The image used */
    /* background-color: #cccccc; /* Used if the image is unavailable */ */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
    color: #1d0550;
}

#app h1{
    font-family: sans-serif;
    background-color: #406d42;
    font-size: 60px;
    text-align: center;
    color: #fff;
    padding: 2px 0px;
    border-radius:  50px;
}

img.card-img-top {
    object-fit: cover;
    cursor: pointer;
    max-height: 150px !important;
    max-width: 150px !important;
}

img.card-img-top.girar {
    animation: fadein 2s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
body {
  /*Para la barra inferior fija*/
  padding-bottom: 70px;
}

@media (max-width: 991.98px) {
  .buttons div{
      margin-left: 0.2rem;
  }
  footer{
    margin-top: 2rem;
    position: relative !important;
  }
}