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;

}

.wheel {
	/* TODO: zrób z kwadratu koło z grubą ramką i uruchom animację spin */
	width: 90px;
	height: 90px;
	background: #e8e8e8;
	border: 10px solid black;
	border-radius: 100px;
	text-align: center;
	animation: spin 1s linear infinite;



}

#wheel-front {
	/* TODO: ustaw pozycję przedniego koła */
	position: relative;
	bottom: 42px;
	left: 30px;
}

#wheel-back {
	/* TODO: ustaw pozycję tylnego koła */
	position: relative;
	bottom: 150px;
	left: 350px;
}

@keyframes spin {
	/* TODO: opisz pełny obrót od 0 do 360 stopni */
	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ą */
}