body {

	font-family: cursive;
}


#map {

	background-color: hsl(240, 7.5%, 60.6%);
}

#map-deco {

	background: radial-gradient(circle at 33% 33%, hsl(240, 28.6%, 86.3%) 0%, transparent 50%);
}

.place {

	opacity:  0.5;

	animation: appear 3s ease-in-out forwards;
}

@keyframes appear {

	0% {
		opacity:  0;
	}

	100% {
		opacity: 1;
	}
}

#place-details {


	animation: appear 3s ease-in-out forwards;
}

.distance:after {

	content: " à vol d\'OVNI";
}

#place-details > address .distance:after {

	content: " en balais volant";
}

#place-details .get-directions a span {

	display: none;
}

#place-details .get-directions .car:after {

	content:  "en poudre de cheminette";
}

#place-details .get-directions .bike:after {

	content:  "en Nimbus 2000";
}

#place-details .get-directions .foot:after {

	content:  "en botte de sept lieues";
}