@keyframes rainbow-color {
    0% {background: red;}
    25% {background: yellow;}
    50% {background: gray;}
    75% {background: pink;}
    100% {background:blueviolet;}
 
  }
   .Rainbow {
  animation: alternate rainbow-color 2s infinite 0.5s;
  }
  
#introofmyweb{
  background:linear-gradient(to left top ,rgb(0, 140, 255) ,rgba(255, 255, 0, 0.651),rgb(0, 0, 0),rgba(255, 255, 0, 0.651),rgb(0, 255, 0)) ;

}

#pictures{
  z-index: 2;
  position: absolute;
}
@keyframes moveup {
  0%{
    opacity: 0;
    scale: 0.5;
  }
  100%{
    opacity: 1;
    scale: 1;
  }
}




.spinner{
  background-color: rgba(0, 0, 0, 0.199);
}

.slideleft{
  opacity: 0;
  transition: all 2s;

}
.show{
  opacity: 1;
}
@keyframes bounce{
  0%, 20%, 40%, 60%,80%,100%{
    transform: translateY(0px);
  }
  10%,30%,50%,70%,90%{
    transform: translateY(-20px);

  }
}
.bounce{
  animation: bounce 10s infinite 2s ease;
}
.bounce:hover{
  animation-play-state: paused;
}

@keyframes toleft{
  0%{transform: translateX(-100%);}
  100%{transform: translateX(0%);}
}
.toleft{
  animation: toleft 7s 7 1s ease alternate;
  
}
.toright{
  animation: toleft 7s 7 1s ease alternate-reverse;
}