@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
body{
    background-image: url("img/fond.png");
   

}
.block{
    display: block;
    width : 20%;
    margin : 30px;
   
    border-radius: 30px;
    text-align: center;
}
#countdown{
    font-family: 'Bebas Neue', cursive;
    font-size: 400px;
    z-index : -2;
    position: absolute;
    margin: auto;
    left: 47%;
}

button {
  display: flex;
  
  align-items: center;
  font-family: inherit;
  font-weight: 500;
  font-size: 17px;
  padding: 0.8em 1.3em 0.8em 0.9em;
  color: white;
  background: #ad5389;
  background: linear-gradient(to right, #0f0c29, #302b63, #24243e);
  border: none;
  letter-spacing: 0.05em;
  border-radius: 16px;
}

button svg {
  margin-right: 3px;
  transform: rotate(30deg);
  transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}

button span {
  transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}

button:hover svg {
  transform: translateX(5px) rotate(90deg);
}

button:hover span {
  transform: translateX(7px);
}

  #rocket {
    position: absolute;
    bottom: 0;
    left: 50%;
    visibility: hidden;
    transition: all 2s ease-in-out;
    z-index: 1;
  }
  .shake {
    animation: shake 0.1s ease-in-out 440;
  }
  
  @keyframes shake {
    0% {
      transform: translateX(0);
    }
    25% {
      transform: translateX(-0.75px);
    }
    50% {
      transform: translateX(0);
    }
    75% {
      transform: translateX(0.75px);
    }
    100% {
      transform: translateX(0);
    }
}
#rocket.decolle{
    bottom : 2000px
}