body {
	background-color: #cfe8ff;
}

#ambulance {
	width: 500px;
	height: 300px;
	border: 1px solid black;
	border-radius: 200px 5px 10px 20px;

	text-align: center;
	color: red;
	font-family: monospace;
	font-size: 64px;

	background: linear-gradient(0deg, #ffffff 0%, #ff6767 9%, #ffffff 18%, #0d2aff 33%, #ffffff 70%, #fd2d2d 73%, #ffffff 84%, #ffffff 100%);
}

.wheel {
	width: 90px;
	height: 90px;
	background: #a8ace1;
	border: 10px solid black;
	border-radius: 100px;
	text-align: center;
	animation: spin 1s linear infinite;
}

#wheel-front {
	position: relative;
	bottom: 50px;
	left: 70px;
}

#wheel-back {
	position: relative;
	bottom: 160px;
	left: 350px;
}

@keyframes spin {
	from { transform: rotate(360deg); }
	to { transform: rotate(0deg); }
}

#siren {
	position: relative;
	left: 200px;
	width: 100px;
	height: 100px;
	background-color: black;
	border-radius: 50px 50px 5px 5px;	
}

#siren:hover {
	/* TODO: uruchom animację siren po najechaniu myszką */
}

@keyframes siren {
	/* TODO: opisz zmianę koloru tła od czarnego, przez niebieski, do czerwonego */
}

#emergency {
	/* TODO: ustaw czerwoną tabliczkę z niebieską ramką i włącz płynne przejście */
}

#emergency:hover {
	/* TODO: powiększ tabliczkę po najechaniu myszką */
}