@charset "utf-8";
/* CSS Document */

body {
	color: #fff;
	display: none;	
}

a, a:hover, a:focus {
	text-decoration: none;
}

.topScreen {
	//min-height: 100vh;
	background: radial-gradient(rgb(198, 40, 40), rgb(153, 11, 11));
	background: -webkit-radial-gradient(rgb(198, 40, 40), rgb(153, 11, 11));	
}

.topScreen h1 {
	font-size: 4em;
	font-weight: bold;
	background-color: #ffeb00;
	color: #990b0b;
	padding: 20px;
	text-transform: uppercase;
}

.topScreen h3 {
	font-weight: bold;
}

#logo {
	margin-top: 20px;
	margin-bottom: 40px;	
}

#car {
	margin-top: 50px;
	margin-bottom: 50px;
	display: none;
}

.announce {
	background-color: #000;
	padding: 50px 0;	
}

.yellowParagraph {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 3em;
	color: #ffeb00;
}

.smallWhite {
	font-size: 1.5em;
	font-weight: bold;
}

.bigWhite {
	font-size: 3em;
	font-weight: bold;
	text-transform: uppercase;
}

.rules {
	background: radial-gradient(rgb(198, 40, 40), rgb(153, 11, 11));
	background: -webkit-radial-gradient(rgb(198, 40, 40), rgb(153, 11, 11));
	padding: 50px 0;	
}

#warning {
	max-width: 60px;
}

.ruleHeading {
	font-size: 3em;
	font-weight: bold;
	text-transform: uppercase;	
}

.ruleText {
	font-size: 1.5em;	
}

.textRules {
	margin-bottom: 50px;
}

.whiteArea {
	background-color: #fff;
	padding: 20px;
	border-radius: 10px;
	border: 2px solid #990b0b;
}

.whiteArea p {
	color: #000;
	font-size: 2em;
	font-weight: bold;
}

.repButton {
	background-color: #000;
	color: #fff;
	font-size: 2em;
	padding: 5px;
	margin-top: 25px;
	margin-bottom: 10px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.repButton:hover {
	background: #990b0b;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	cursor: pointer;
}

.footer {
	background-color: #000;
	padding: 50px 0;
}

.footer p{
	font-size: 2em;
}

.footer img{
	max-width: 50px;
	height: auto;
}

ol {
	margin-top: 50px;
}