@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

.body {
	margin: 0;
	background-color: #000;
	font-family: 'Revalia', 'cursive';
	text-align: center
}
.title {
	position: relative;
	z-index: 10;
	margin-bottom: 0.3em;
	color: #fefefe;
	font-size: 50px;
	font-weight: normal;
	-webkit-animation: fadeIn 4s 2s ease-in both;
	-moz-animation: fadeIn 4s 2s ease-in both;
	-ms-animation: fadeIn 4s 2s ease-in both;
	-o-animation: fadeIn 4s 2s ease-in both;
	animation: fadeIn 4s 2s ease-in both;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

p {
	position: relative;
	z-index: 10;
	color: #c22143;
	font-size: 40px;
	text-decoration: none;
	-webkit-animation: fadeIn 5s 5s ease-in both;
	-moz-animation: fadeIn 3s 5s ease-in both;
	-ms-animation: fadeIn 3s 5s ease-in both;
	-o-animation: fadeIn 3s 5s ease-in both;
	animation: fadeIn 3s 5s ease-in both;
	-webkit-transition: border 1s;
	-moz-transition: border 1s;
	-o-transition: border 1s;
	transition: border 1s
}

.link: hover {
	border-bottom-color: #c22143
}

.canvas {
	display: block;
	position: absolute;
	top: 0;
	left :0
}

@media (max-width: 480px) {
	.title {
	font-size: 36px
	}}
@media (max-width: 320px) {
	.link {
	font-size: 40px
	}}