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: #0fe907;
	border: 10px solid black;
	border-radius: 100px;
	text-align: center;
	animation: spin 0.3s linear infinite;
}

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

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

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

#siren {
	/* TODO: nadaj syrenie rozmiar, czarne tło i zaokrąglony górny brzeg */
}

#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ą */
}