@font-face {
    font-family: 'readeritalic';
    src: url('../fonts/reader_italic-webfont.woff2') format('woff2'),
         url('../fonts/reader_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'nkithregular';
    src: url('../fonts/reader_medium-webfont.woff2') format('woff2'),
         url('../fonts/reader_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'readerregular';
    src: url('../fonts/reader_regular-webfont.woff2') format('woff2'),
         url('../fonts/reader_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



body {
	font-family: 'nkithregular', helvetica neue, helvetica, sans;
	padding: 0;
	margin:0;
	background-color: #F9F2E6;
}

.container {
	position: absolute;
	left:30%;
	width:40%;
	height:55%;
	top:40%;
}

img {
	width: 80%;
	position: absolute;
	left:10%;
	top:-20%;
}

h1 {
	width:100%;
	position: absolute;
	bottom: 7%;
	text-align: center;
	font-weight: normal;
	font-size: 23px;
	color: #E74747;
}

p {
		text-align: center;
	font-weight: normal;
	font-size: 23px;
	color: #E74747;
	width: 100%;
}

			canvas {
				width: 100vw;
				height: 100vh;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 2;
			}

.mailwrapper {
	text-align: center;
	position: absolute;
	top:5%;
	width:186px;
	z-index: 10;
	left:50%;
	margin-left: -93px;
}



a.mail {
	text-align: center;
	font-weight: normal;
	font-size: 23px;
	color: #E74747;
	text-decoration: none;
	
}

a.mail:hover {
	text-decoration: underline;
	
}