body {background:#fff}


@font-face {
  font-family: 'phreakersFont';
  src: url('Flowers Kingdom.ttf');
}
#container {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.h1-font {
  font-family: 'phreakersFont';
  text-align:center;
  font-size: 6vw;
  color: red;
	
}

.viewsize {
	width: 100%;
	height: 100%;
}

body {
	background-image:url('CircleAnimation.gif');
	background-position: center;
	background-size: cover;
	height: 100vh;
	padding:0;
	margin:0;
}
/*    margin-top: 15%;
*/