body{
background:black; 
 font-size:13px !important; 
  height:2000px;
  color:white !important;
  	background: linear-gradient(-45deg, #800080, black, #1F08F8, pink);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

h1{
  font-size:10vw !important;
  font-family: 'Engagement', cursive;
  text-align:center;
  color: #00e605 !important;
  mix-blend-mode: screen;
 line-height:0.9em !important;


   
}




h2{
  font-size:2em !important;
font-family: 'Roboto', sans-serif;
  text-align:left; 
    color:white !important;
  
}



p, li{
  font-size:1.4em;
  font-family:sans-serif;
  font-weight:400;
  font-family: 'Roboto', sans-serif;
  letter-spacing:1px;
}

p a{
  color:white;
  text-decoration:none;
}
p a:hover{
  color:#00e605;
  text-decoration-style:blink;  
text-decoration: line-through; ; 
  transition:0.5s;
}
#head_one{
  background: url(https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExaTh2bTF5bzRkc29wN3llZXZ2cDV6bjRwcThncmFqMmRicmY0Z3YxNSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/F0NZKH9YkTfHHSqlc2/giphy.gif)top  repeat, url(https://i.ibb.co/dmSYBYh/Cyanotype1.jpg) center   no-repeat ;
background-size: 1000px 50px;
background-color:purple;  
margin:auto;  
background-blend-mode: difference;
border-radius:90%;
 width:80%;
  height:170px;
 

}



#head_two{
  background: url(https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExaTh2bTF5bzRkc29wN3llZXZ2cDV6bjRwcThncmFqMmRicmY0Z3YxNSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/F0NZKH9YkTfHHSqlc2/giphy.gif)top  repeat, url(https://i.ibb.co/dmSYBYh/Cyanotype1.jpg) center   no-repeat ;
background-size: 500px 100px;
background-color:purple;  
margin:auto;  
background-blend-mode: difference;
border-radius:90%;
 width:100%;
  height:200px;

}




@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}


.rotate:hover{
  transform:rotate(1deg) scale(1);
  transition:0.6s;
}


.rotate{
  transform:rotate(0deg);
  background:transparent;
  transition:0.3s;
  margin:40px 0px;
  border-top:1px solid white;
}

.unrotate:hover{
  transform:rotate(-1deg) scale(1);
  transition:0.6s;
}


.unrotate{
  transform:rotate(0deg);
  background:transparent;
  transition:0.3s;
  margin:40px 0px;
  border-top:1px solid white;
}





@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}