h1 {
  font-size: 50px;
  color: red;
  font-family: monospace;
}
 h2{
  font-size: 50px;
  color: deeppink;
  font-family: monospace;
}
 h3{
  font-size: 30px;
  color: deeppink;
  font-family: cursive;
 }
 label{
  font-size: 30px;
  color: red;
 }
  h4{
    font-size: 50px;
    color: deeppink;
    font-family: monospace;
  }
button{
    color: deeppink;
    background-color: white;
    border-radius: 30%;
    font-size: 20px;
    border-color: deeppink;
    margin left: 60px;
    font-family: monospace;
  }
  .animation-1 {
    transform-origin: 0% 50%;
    animation: image-1 2s ease-in-out infinite;
    margin-left: 100px;
  }
  @keyframes image-1 {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
  }
  .animation-2 {
    transform-origin: 0% 50%;
    animation: image-2 2s ease-in-out infinite;
    margin-left: 150px;
    top: 1200px;
    position: absolute;
  }
  @keyframes image-2 {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
  }
.input-box-1 {
  border-color: transparent;
}
.input-box-2 {
  border-color: transparent;
}
.pink-text{
  font-family: cursive;
}

.img-1{
  width: 50px;
  height: 50px;
  margin-left: 100px;
  border-radius: 30%;
  transform-origin: 0% 50%;
  animation: sneew 10s forwards infinite !important;
  transform-origin: 0% 50%;
  animation: sneew 5s linear infinite ;
}
@keyframes sneew {
  25% {transform: translate3d(0px, 0px, 0px);}
  50% {transform: rotate(0deg);}
  75% {transform: rotate(360deg);}
  100% {transform: translate3d(0px, 1300px, 0px);}
}

.img-2{
  width: 100px;
  height: 100px;
  top: 1000px;
  position: absolute;
  margin-left: 900px;
  border-radius: 30%;
  transform-origin: 0% 50%;
  animation: sneeew 10s forwards infinite !important;
  transform-origin: 0% 50%;
  animation: sneeew 10s linear infinite ;
}
@keyframes sneeew {
  25% {transform: translate3d(0px, 0px, 0px);}
  50% {transform: translate3d(0px, 200px, 0px);}
}

h5{
    font-size: 50px;
    color: deeppink;
    top: 1000px;
    position: absolute;
    font-family: monospace;
    margin-left: 450px;
    transform-origin: 0% 50%;
    animation: h9 5s ease-in-out infinite;
  }
  @keyframes h9{
    0% {color: white;}
    50% {color: deeppink;}
  }

h6{
  font-size: 20px;
  color: deeppink;
  top: 1500px;
    position: absolute;
    font-family: monospace;
}
.img-3{
  width: 100px;
  height: 100px;
  top: 950px;
  position: absolute;
  margin-left: 400px;
  transform-origin: 50% 0%;
  animation: im3 10s linear infinite !important;
  transform-origin: 0% 50%;
  animation: im3 5s linear infinite ;
}
@keyframes im3 {
  25% {transform: rotate(0deg);}
  50% {opacity: 0;}
  75% {opacity: 5;}
  100% {transform: rotate(360deg);}

}
.img-4{
  width: 100px;
  height: 100px;
  top: 1000px;
  position: absolute;
  transform-origin: 0% 50%;
  animation: im4 10s forwards infinite !important;
  transform-origin: 0% 50%;
  animation: im4 5s linear infinite ;
}
@keyframes im4 {
  25% {transform: translate3d(0px, 0px, 0px);}
  50% {transform: rotate(0deg);}
  75% {transform: rotate(360deg);}
  100% {transform: translate3d(0px, 300px, 0px);}
}


.img-5{
  width: 100px;
  height: 100px;
  top: 1200px;
  position: absolute;
  margin-left: 1150px;
  transform-origin: 50% 0%;
  animation: im5 10s forwards infinite !important;
  transform-origin: 0% 50%;
  animation: im4 5s linear infinite ;
}
@keyframes im5 {
  25% {transform: translate3d(0px, 300px, 0px);}
  50% {transform: rotate(0deg);}
  75% {transform: rotate(360deg);}
  100% {transform: translate3d(0px, 0px, 0px);}
}