.minigame-nav {
    position: fixed;
    bottom: 80px;
    right: 15px;
    z-index: 5;
    -webkit-animation: tada 2s infinite;
    animation: tada 2s infinite;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    display: block;
    box-sizing: border-box;
}

.minigame-nav img {
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

@-webkit-keyframes tada {
    0% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    10%, 20% {
      -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
  
    30%, 50%, 70%, 90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
  
    40%, 60%, 80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
  
    100% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  @keyframes tada {
    0% {
      -webkit-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    10%, 20% {
      -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
      -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
  
    30%, 50%, 70%, 90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
  
    40%, 60%, 80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
  
    100% {
      -webkit-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  .modal-minigame.modal-bottom .modal-content{
    background-color: transparent;
  }

  .modal-minigame.modal-bottom .modal-content .modal-body{
    background-color: #000;
    color:#fff;
    /* min-height: 200px; */
    padding: 0px;
  }

  .modal-minigame .mini-game-title{
    max-width: 250px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  
  .modal-minigame .mini-game-title img{
    width: 100%;
  }

  .modal-minigame .close{
    position: absolute;
    top:10px;
    right:10px;
    color:#fff;
    font-size: 2rem;
  }

  .modal-minigame.modal-bottom .modal-dialog{
    bottom: 0px;
  }