* {
  margin: 0px;
  padding: 0px;
  font-family: "Poppins", sans-serif;
}

body {
  background: url("./img/cake.jpg") no-repeat center fixed;
  background-size: cover;
}

div {
  background-color: palevioletred;
  color: white;
  width: 50%;
  margin-top: 15%;
  margin-left: 25%;
  text-align: center;
  border-radius: 10px;
  opacity: 0.9;
}

h1 {
  padding: 15px;
  font-size: 3em;
}

p {
  padding: 20px;
  font-size: 16px;
}

.fa-cake-candles {
  font-size: 50px;
  background-color: palevioletred;
  border-radius: 999px;
  margin-top: -100px;
  padding: 10px;
}
.fa-phone{
  font-size: 20px;
}

button {
  padding: 15px;
  margin: 10px;
  border: none;
  background-color: lightgreen;
  color: white;
  font-size: 1em;
  border-radius: 10px;
  transition: 0.3s;
  font-weight: bold;
  cursor: pointer;
  width: 25%;
}

button:hover {
  background-color: white;
  color: lightgreen;
  transform: scale(1.05);
}


/* p animation start */
@keyframes scale {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.scale-individual {
  animation-name: scale;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
}

.scale {
  animation: scale 2.4s ease-out 0s 1 normal both;
}
/* p animation end */

/* div animation strat */

.bounce {
  animation: bounce 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.9s 1 normal both;
}

/* Keyframes definition */
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translateY(0);
}
40%, 43% {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transform: translateY(-30px);
}
70% {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transform: translateY(-15px);
}
90% {
  transform: translateY(-4px);
}
}


.bounce-individual {
  animation-name: bounce;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-delay: 1.9s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
}

/* div animation end */