style.css

.line {
	fill: none;
	stroke: steelblue;
	stroke-width: 1.5px;
}

.zoom {
	cursor: move;
	fill: none;
	pointer-events: all;
}

.countries {
	stroke: #f7f7f7;
	fill: #d9d9d9;
}

.travel {
	text-align: center;
}

.overlay {
	fill: none;
	pointer-events: all;
}

.focus {}

.led {
	fill: #F87217;
	stroke-width: 1.5px;
}

.marker {
	fill: steelblue;
	stroke: steelblue;
	fill-opacity: .75;
	transition: all .2s ease-in-out;
}

.selectedMarker {
	fill: #8d3155;
	fill-opacity: 1;
	cursor: pointer;
}

.margin {
	padding: 0px;
	border: 0px;
	margin: auto;
}

.left {
	float: left;
}

#titolo {
	text-align: center;
	border-bottom: 1px solid grey;
	height: 185px;
	width: 90%;
	margin: auto;
}

#titolo h5 {
	width: 200px;
	margin: auto;
}

#logo {
	height: 130px;
}

#play {
	height: 40px;
}

body {
	font-family: bookerly;
	text-align: center;
	background-color: rgb(247, 247, 247);
	width: 1920px;
	height: 1080px;
}

div.tooltip {	
    position: absolute;										
    padding: 3px;				
    font-family: bookerly;	
    background: lightsteelblue;	
    border: 0px;		
    border-radius: 8px;			
    pointer-events: none;			
}

#box {
	text-align: left;
	padding-top: 5%;
	padding-left: 20%;
}

.highlight {
	color: 	#F87217; 
	font-weight: bold;
}

#plot-selector h5 {
	display: inline-block;
}

.padding {
	padding: 10px;
}