html, body {
    background: #000;
    color: #fff;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 20px;
    height: 100%;
    align-content: center;
}

h1 {
	font-family: helvetica;
	text-align: center;
	font-size: 20vw;
	padding:0;
	margin: 0;
	margin-top: 10px;
	color: #f885e9;
/*	background-image: url("background.gif");
	background-repeat: no-repeat !important;
	background: rgb(111,50,181);
/* 	background: radial-gradient(circle, rgba(111,50,181,1) 0%, rgba(217,40,228,1) 50%, rgba(252,168,69,1) 100%); 
 	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;*/
 	-webkit-transition: all 1s ease-in-out; 
    transition: all 1s ease-in-out; 
}

h1:hover{
	background-image: url("background-min.gif");
	background-repeat: np-repeat;
	background-size: cover;
/*    background: rgb(111,50,181);
/* 	background: radial-gradient(circle, rgba(111,50,181,1) 0%, rgba(217,40,228,1) 50%, rgba(252,168,69,1) 100%); */
 	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;
}