@font-face {
	font-family: comicSans;
	src: url(comicsans.woff);
}

html {
	font-family: comicSans;
}

img {
	position: relative;
	left: 0;
	top: 0;
}
body {
	background: url('background.jpg');
	color: white;
	text-shadow: 2px 2px black;
}
.doge {
	border-radius:100%;
}
input, label {
	font-family: comicSans;
}
h1, h2 {
/*	font-family: "Comic Sans MS", "Comic Sans", cursive;*/
	color:white;
	text-align:center;
	text-shadow: 2px 2px black;
}

h2 a {
	color: white;
}
#top {
	position: relative;
	height: 100px;
	width: 100px;
	border-radius: 5px;
	background-color: #cc0000;
	left: 25px;
}
#bottom {
	position: relative;
	height:50px;
	width: 200px;
	background-color: #cc0000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	top: 10px;
	left:-50px;
}
#fwheel {
	position: relative;
	height:40px;
	width:40px;
	border-radius: 100%;
	background-color: black;
	top: -10px;
	left: -30px;
}
#bwheel {
	position: relative;
	height:40px;
	width:40px;
	border-radius: 100%;
	background-color: black;
	top: -50px;
	left: 100px;
}
#car {
	position:relative;
	top: -50px;
	left: 75px;
}
.flipped {
	transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-khtml-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
}

#player {
	visibility: hidden;
}

input.dogetext[type=submit] {
	font-size: 18px;
	padding: 18px;
	box-sizing: content-box;
	position: absolute;
	bottom: 18px;
	left: 18px;
}
input.dogetext[type=text] {
	font-size: 18px;
	padding: 18px;
	width: 75%;
	margin-bottom: 18px;
	box-sizing: border-box;
	position: absolute;
	bottom: 18px;
	right: 18px;
}

form.gen {
	text-align: center;
	background-color: lightyellow;
	padding: 20px 0px 20px 0px;
	border-radius: 20px;
	width: 50%;
	margin: 0 auto;
	color: black;
	text-shadow: 0px 0px;
}

form.gen input {
	display: block;
	margin: 0 auto;
}

form.gen label {
	display: block;
	float: left;
	width: 100%;
}

.recent {
	text-align: center;
}

.recent a {
	color: white;
	text-align: center;
	font-size: 18px;
}