@font-face {
	 font-family: 'Nudica';
	 src: url('/fonts/nudica-bold-webfont.eot');
	 src: url('/fonts/nudica-bold-webfont.eot?#iefix') format('embedded-opentype'),
			url('/fonts/nudica-bold-webfont.woff2') format('woff2'),
			url('/fonts/nudica-bold-webfont.woff') format('woff'),
			url('/fonts/nudica-bold-webfont.ttf') format('truetype');
	 font-weight: 700;
	 font-style: normal;
}
@font-face {
	 font-family: 'Nudica';
	 src: url('/fonts/nudica-light-webfont.eot');
	 src: url('/fonts/nudica-light-webfont.eot?#iefix') format('embedded-opentype'),
			url('/fonts/nudica-light-webfont.woff2') format('woff2'),
			url('/fonts/nudica-light-webfont.woff') format('woff'),
			url('/fonts/nudica-light-webfont.ttf') format('truetype');
	 font-weight: 400;
	 font-style: normal;
}

/* GENERAL STYLES */

html {
	background-color: #ffd;
	font: 400 14pt/1.5 "Nudica", Helvetica, Arial, sans-serif;
	min-width: 24rem;}
html * {
	transition: all .25s ease-in-out;
	box-sizing: border-box;}
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	border: 0;
	padding: 0;}

a {
	color: #499;
	font-weight: 700;
	text-decoration: none;}
a:hover {
	color: #277;
	text-decoration: underline;}
em {
	font-weight: 700;
	font-style: normal;}

#main {
	margin: 0 auto;
	padding: 3rem 0 6rem;
	width: 90%;
	max-width: 30rem;}

h1, h2 {
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 0.25rem;
	color: #227;}
h1 {
	font-size: 2rem;
	text-align: center;}
h2 {
	font-size: 1.5rem;}
	
p.warning {
	color: #944;
	text-align: center;
	animation: blink 2s ease infinite;}
	@keyframes blink {
	 50% {opacity: 0;}}
}


@media all and (min-width: 40rem) {
}