h1 {
    text-shadow: 0 0 2px #FFFFFF, 0 0 2px #FFFFFF;
    text-align: center;
    color: #04B431;
}
h2 {
    text-shadow: 0 0 2px #FFFFFF, 0 0 2px #FFFFFF;
    text-align: center;
    color: #8800FF;
}
.img1 {
      width: 200px;
      height: 200px;
      border-style: groove;
      border-radius: 50%;
      position: relative;
      left:10%;
      top: 800px;

}
.img2 {
      width: 200px;
      height: 200px;
      border-style: groove;
      border-radius: 50%;
      position: relative;
      left: 70%;
      top: 580px;
}
.img3 {
      width: 200px;
      height: 300px;
      position: relative;
      left: 20%;
      top: 40px;
}
.img4 {
      width: 500px;
      height: 300px;
      position: relative;
      left: 20%;
      top: 40px;
}
.img5 {
      width: 300px;
      height: 200px;
      position: relative;
      left: 40%;
      top: 40px;
}

.next {
  background-color: #04AA6D;
  color: white;
  border-left: 200px;
  padding: 15px 32px;
  margin: 40px 600px;
}
.next1 {
  background-color: #04AA6D;
  color: white;
  padding: 15px 32px;
  margin: 400px 250px;
}
.next2 {
  background-color: #04AA6D;
  color: white;
  padding: 15px 32px;
  margin: 200px 250px;
}


#img_1a{
  width: 300px;
  height: auto;
  position: relative;
  left: 10%
}

#img_1b{
  width: 300px;
  height: auto;
  position: relative;
  left: 40%;
}


#img_2a{
  width: 100px;
  height: auto;
  position: relative;
  left: 10%
}

#img_2b{
  width: 200px;
  height: auto;
  position: relative;
  left: 40%;
}


#img_3a{
  width: 200px;
  height: auto;
  position: relative;
  left: 10%;
  top: 250px;
}

#img_3b{
  width: 300px;
  height: auto;
  position: relative;
  left: 20%;
  top: 10px;
}

#animate {
    position: relative;
    border; 1px solid green;
    background: yellow;
    width: 100px;
    height: 100px;
}

.blink {
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes animation_blink {
    0% { opacity: 1; }
    50% { opacity: 0.1; }
    100% { opacity: 1; }
}

@keyframes    firework-animation {
    0% {background-color : #ff8426;}
    25% {background-color : #fffc84;}
    50% {background-color : #ff83f4;}
    75% {background-color : #83b6ff;}
    100% {background-color : #ff8426;}
}
@-webkit-keyframes firework-animation {
    0% {background-color : #ff8426;}
    25% {background-color : #fffc84;}
    50% {background-color : #ff83f4;}
    75% {background-color : #83b6ff;}
    100% {background-color : #ff8426;}
}
.fireWorkParticle {
    z-index : 999;
    position: absolute;
    height : 5px;
    width : 5px;
    border-radius : 5px;
    animation-name : firework-animation;
    animation-timing-function : linear;
    animation-duration : 1s;
    animation-iteration-count : infinite;
}