.imgLogo{
    display:block;
    margin:auto;
    width: 200px; 
    height: 200px;
    margin-bottom: 60px;
}

.center{
  display: block;
  margin-left: auto;
  margin-right: auto;
}


@keyframes aparecer {
    from {
        opacity: 0;
        top: 0%;
        
    }
    to {
        opacity: 1;
        top: 7%;
    }
  }

  @keyframes rebote {
    0% {
        transform: rotateZ(0deg);
    }
    25% {
        transform: rotateZ(2deg);
    }
    50% {
        transform: rotateZ(-2deg);
    }
    75% {
        transform: rotateZ(2deg);
    }
    100%{
        transform: rotateZ(0deg);
    }
  }

  .alineadoIcon{
    margin-top: 5px;
  }

  .derecha{
    float: right;
  }
  
  .anim-aparecer {
    animation-name: aparecer;
    animation-duration: 0.3s;
    border-radius: 20px;
    top: 7%;
    max-width: 400px;
    margin: auto;
  }

  .encima{
      z-index: 10;
  }


  .anim-rebote{
    animation-name: rebote;
    animation-duration: 3s;
    animation-iteration-count: infinite;
  }

  .page, body{
      background-color: #181818;
  }

  .card{
      border-radius: 20px;
  }

  .card-header{
    border-radius: 60px;
}

/* Animación de fondo 

html, body {
    height: 100%;
  }
  
  body {
    background: #3da557; /*radial-gradient(circle at center, #eaffeb 0%, #f0ffea 15%, #3da557 90%);
    overflow: hidden;
  }
  
  .ocean {
    height: 5%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #015871;
  }
  
  .wave {
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/85486/wave.svg) repeat-x;
    position: absolute;
    top: -198px;
    width: 6400px;
    height: 198px;
    -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
            animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
  }
  
  .wave:nth-of-type(2) {
    top: -175px;
    -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
            animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
    opacity: 1;
  }
  
  @-webkit-keyframes wave {
    0% {
      margin-left: 0;
    }
    100% {
      margin-left: -1600px;
    }
  }
  
  @keyframes wave {
    0% {
      margin-left: 0;
    }
    100% {
      margin-left: -1600px;
    }
  }
  @-webkit-keyframes swell {
    0%, 100% {
      transform: translate3d(0, -25px, 0);
    }
    50% {
      transform: translate3d(0, 5px, 0);
    }
  }
  @keyframes swell {
    0%, 100% {
      transform: translate3d(0, -25px, 0);
    }
    50% {
      transform: translate3d(0, 5px, 0);
    }
  }
*/