body {
  background-color: #F4F4F9;
  background-image: url('earthbrain.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18pt;
  margin: 5%;
}


h1 {
  text-align: center;
}
h2 {
  text-align: center;
}
h3 {
  text-align: center;
}


p {
  font-size: 18pt;
}
p.last_update{
  text-align: center;
  font-size: 12pt;
} 

div.flags_1{
	margin: auto;
	width: 100%;
	border-color: blue;
	border-style: solid;
	border-width: 3px;	
} 
span.flags_1{
	max-width: 5%;
} 
a.flags_1{
	vertical-align: middle;
} 
img.flags_1{
	vertical-align: middle;
	max-width: 5%;
	min-width: 50px;
} 


div.flags_2{
	width: 100%;
	display: flex; 
	justify-content: center; 
	align-items: center;	
} 
span.flags_2{
	max-width: 8%;
	justify-content: center;
} 
a.flags_2{
	vertical-align: middle;
} 
img.flags_2{
	vertical-align: middle;
	max-width: 8%;
	min-width: 80px;
	border-color: blue;
	border-style: solid;
	border-width: 3px;	
}

span.unavailable{
	max-width: 8%;
	justify-content: center;
}  
img.unavailable{
	opacity: 0.1;
	vertical-align: middle;
	max-width: 8%;
	min-width: 80px;
	border: none; 
}