body{
     font-family: 'Montserrat Alternates', sans-serif;
	 ,'Noto Serif JP', serif;
   text-decoration: none;
	  }    

body {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 1000% 1000%;
	-webkit-animation: gradient 15s ease infinite;
	        animation: gradient 15s ease infinite;
}



/*トップ文字サイズ*/
.topp{font-size:5em;
	  text-align: center;
     margin:0;
     }
	  
/*トップ蝶*/
.relative {
    position: relative;
    width: 600px;
   }
/*トップ文字位置*/   
.absolute {
    position: absolute;
    right: 80px;
    bottom: 290px;
   }	  


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

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


@media screen and(max-width:600px){
    #wapper{width:300;
	}
	.relative {
    position: relative;
    width: 100px;
	}
	.absolute {
    position: absolute;
    right: 0px;
    bottom: 
	0px;
	}	  
.topp{font-size:1em;
	  text-align: center;
     margin:0;
     }
	}