html {
	margin:0;
	padding:0;
	overflow: hidden;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	text-shadow: 1px 1px 15px #003366;	
}

#xmasContainer {
	width: 100vw;
	height: 100vh;	
}

#bg {
	position: absolute;
	background-image: url("images/winter.png");
	background-repeat:repeat-x;
	background-size: contain;
	z-index: 0;
}

#greeting{
	position: absolute;
	z-index: 400;
	color: white;
	text-align: right;
}


#audioContainer {
	position: absolute;
	z-index: 500;
	font-size: 70%;
	cursor: pointer;	
	width:100%;
	background-color: darkred;	
}

#songTitle{
	position: absolute;	
	text-shadow: 0px 0px 16px #253F6D;
}

#btnToggle{	
/*	background-color:chocolate;*/
	position: absolute;
	right: 0px;
}

#buttonToggleImage {
	margin-left: 2vh;
}


#car{ 
	position: absolute;	
	background-image: url(images/car.png);
    background-repeat: no-repeat;
    background-size:contain;	
	z-index: 200;
	cursor: pointer;
}

#hint{ 
	position: absolute;	
	z-index: 210;
	cursor: pointer;
	color:#FFF;
	
	
	display:flex;
	justify-content:center;
	align-items:center;
	
}


@keyframes wheelanimation{

    100%{
        transform: rotate(360deg);
    }
}

.wheel{
    position: relative;
	background-image: url(images/wheel.png);
    background-size: contain;
    background-repeat: no-repeat;	
    /*animation: wheelanimation linear 2s infinite;*/
}
#wheel1{  
	position: absolute;
	z-index: 300;
}
#wheel2{
	position: absolute;
	z-index: 301;
}

#credits{
	position: absolute;
	color:  #4075a0;
	text-shadow: 0px 0px 0 #fff;
	z-index : 400;
	
}