*{
	cursor: url(https://ani.cursors-4u.net/symbols/sym-9/sym829.ani), url(http://ani.cursors-4u.net/symbols/sym-9/sym829.png), auto !important;
}

@font-face {
	font-family: 'amour';
	src: url('../fonts/amour.ttf') format('truetype');
}

body {
	background-color: pink;
	text-align: center;
}


h1 {
	font-family: 'amour',sans-serif;
	font-size: 48pt;
	color:#e20000;
	text-align: right;
	position: absolute;
	left: 20px;
}

h2{
	font-family: sans-serif;
	font-size: 10pt;
	color:#e20000;
	text-align: left;
	position: absolute;
	top: 30px;
}

header{
	position:sticky;
	top: 10px;
	margin-left: 50px;
	padding-bottom: 200px;
}

h3{
	font-family: 'amour', sans-serif;
	font-size: 48pt;
	color:white;
	text-align: left;
	position: absolute;
	margin-left: 400px;
}


div p.rule {
	font-family: 'Pacifico', cursive;
	font-size:28pt;
	text-align: left;
	color:white;
	position: relative;
	left: 480px;
	top:50px;
	margin-right: 750px;
}

div p.instruction {
	font-family: sans-serif;
	font-size:10pt;
	color:black;
	text-align: left;
	align-content: flex-end;
	position: relative;
	top: 10px;
	left: 480px;
	margin-right: 750px;
}

div {
	padding-bottom: 650px;
}

h3:hover{
	transform:rotate(360deg);
	transition-timing-function: ease-in;
	transition-duration: 300ms;
}

.instruction:hover{
	color:#e20000;
	transition-timing-function:ease-in;
	transition-duration:300ms;
}

footer{
	font-family: sans-serif;
	font-size: 10pt;
	color: #e20000;
}
