/* CSS Document */

html {
	height: 100%;
	background-color: #001515;
	color: #E7E7E7;
	font-family: Segoe Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	background-image: radial-gradient(at top left, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.05));
}

@media screen and (-webkit-min-device-pixel-ratio:2) {
    body {font-size: 250%}
}

body {
	font-family: Segoe Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	overflow: hidden;
}

a, a:visited, a:active {
	color: #A0E9FF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #E7E7E7;
}

h4 {
	color: #E7E7E7;
	font-style: italic;
	font-weight: normal;
}

div#container {
	width: 80%;
	height: 150px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 15000;
	margin-left: 25px;
	margin-top: 25px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}

div#wordmark {
	margin-top: -18px;
}

div.animatedcontainer {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 0.05;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 0.05;
	}
}

@-webkit-keyframes fadeInHvy {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 0.25;
	}
}

@keyframes fadeInHvy {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 0.25;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

.fadeInHvy {
	-webkit-animation-name: fadeInHvy;
	animation-name: fadeInHvy;
}

.amatic {
	font-family: 'Amatic SC', cursive;
}

.annieuseyourtelescope {
	font-family: 'Annie Use Your Telescope', cursive;
}

.anton {
	font-family: 'Anton', sans-serif;
}

.bangers {
	font-family: 'Bangers', cursive;
}

.calligraffiti {
	font-family: 'Calligraffitti', cursive;
}

.caveat {
	font-family: 'Caveat', cursive;
}

.gloriahallelujah {
	font-family: 'Gloria Hallelujah', cursive;
}

.homemadeapple {
	font-family: 'Homemade Apple', cursive;
}

.justanotherhand {
	font-family: 'Just Another Hand', cursive;
}

.kalam {
	font-family: 'Kalam', cursive;
}

.kristi {
	font-family: 'Kristi', cursive;
}

.mountainsofchristmas {
	font-family: 'Mountains of Christmas', cursive;
}

.nanumpenscript {
	font-family: 'Nanum Pen Script', cursive;
}

.nothingyoucoulddo {
	font-family: 'Nothing You Could Do', cursive;
}

.patrickhandsc {
	font-family: 'Patrick Hand SC', cursive;
}

.patuaone {
	font-family: 'Patua One', cursive;
}

.permanentmarker {
	font-family: 'Permanent Marker', cursive;
}

.rocksalt {
	font-family: 'Rock Salt', cursive;
}

.seaweedscript {
	font-family: 'Seaweed Script', cursive;
}

.sedgewickave {
	font-family: 'Sedgwick Ave', cursive;
}

.shadowsintolight {
	font-family: 'Shadows Into Light', cursive;
}

.specialelite {
	font-family: 'Special Elite', cursive;
}

.sriracha {
	font-family: 'Sriracha', cursive;
}

.sueellenfrancisco {
	font-family: 'Sue Ellen Francisco', cursive;
}

.walterturncoat {
	font-family: 'Walter Turncoat', cursive;
}

.s16px {
	font-size: 16px;
}

.s24px {
	font-size: 24px;
}

.s48px {
	font-size: 48px;
}

.s72px {
	font-size: 72px;
}

.s96px {
	font-size: 96px;
}

.s124px {
	font-size: 124px;
}

.cv1 {
	color: #FFFFFF;
}

.cv2 {
	color: #FFFFFF;
}

.cv3 {
	color: #FFFFFF;
}

.cv4 {
	color: #FFFFFF;
}

.cv5 {
	color: #FFFFFF;
}

.cv6 {
	color: #FFEADD;
}

.absitem {
	position: absolute;
	opacity: 0.1;
	background-color: none;
	background-image: none;
}