body {
  margin: 0;
  
  background-color: black;
}



body {
  margin: 0;
  
  background: -webkit-linear-gradient(217deg,  #F0FFFF, #FFFF3D,  #F82F2B , #0000A0,  #F660AB);
  background:  linear-gradient(233deg, #F0FFFF, #FFFF3D,  #F82F2B , #0000A0,  #F660AB); 

  
    width: 100%;
  height: 100vh;
  background-size: cover;
  background-blend-mode: hard-light;
  -webkit-animation: hue-rotate 3s linear infinite;
          animation: hue-rotate 3s linear infinite;
		  
-moz-animation:	hue-rotate 8s linear infinite;	  
		  
}

.intro {
 
  
  background-color: black;
  background: url('../images/concer3.jpg'), -webkit-linear-gradient(217deg,  #F0FFFF,#F82F2B,  #D00703 , #0000A0, #F660AB);
  background: url('../images/concer3.jpg'), linear-gradient(233deg, #F0FFFF, #FFFF3D, #F82F2B, #0000A0,  #F660AB); 
   background-position:  center;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-blend-mode: hard-light;
  -webkit-animation: hue-rotate 6s linear infinite;
          animation: hue-rotate 6s linear infinite;
}


@media (max-width: 767px) {
  

h1 {
  
  font-size: 20px;
  color: white;
}  



.intro {
  background-color: black;
  background: url('../images/seablue.jpg'), -webkit-linear-gradient(217deg,  #F0FFFF,#F82F2B,  #D00703 , #0000A0, #F660AB);
  background: url('../images/seablue.jpg'), linear-gradient(233deg, #F0FFFF, #FFFF3D, #F82F2B, #0000A0,  #F660AB); 
   background-position:  center;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-blend-mode: hard-light;
  -webkit-animation: hue-rotate 6s linear infinite;
          animation: hue-rotate 6s linear infinite;
		  
	  		  
}

.intro a {   		  
 background: transparent;
text-decoration: none;
}


  


@-webkit-keyframes hue-rotate {
  from {
    -webkit-filter: hue-rotate(0);
    -moz-filter: hue-rotate(0);
    -ms-filter: hue-rotate(0);
    filter: hue-rotate(0);
  }
  to {
    -webkit-filter: hue-rotate(360deg);
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}

@keyframes hue-rotate {
  from {
    -webkit-filter: hue-rotate(0);
    -moz-filter: hue-rotate(0);
    -ms-filter: hue-rotate(0);
    filter: hue-rotate(0);
  }
  to {
    -webkit-filter: hue-rotate(360deg);
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}