html{font-family: "Universal Sans Text", sans-serif}
body{margin:0px;font-size: 1em;color:grey}
html, body {padding: 5px;width: 100%;height: 100%;}
button{background-color:dimgrey;font-size:1.02em;color:white;border-radius:10px;border:none;padding:5px 10px;cursor:pointer}
a, a:visited {color:grey}

span#geoinfos {text-align: center;}
.alignes{display: inline-block;text-align:center;}
.intercalaire{width:20px;}
#result{width:655px;font-size: 32px;color:red;}
#speed, #speedc {font-size: 72px;font-weight: bold;}
.dropdown {position:relative;display:inline-block}
.dropdown-content-speed {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content-speed div {color: black;padding: 12px 16px;text-decoration: none;display: block;cursor: pointer;}
.dropdown-content-speed div:hover {background-color: #f1f1f1; }
.dropdown-button {padding: 12px;border: 1px solid #ccc;cursor: pointer;}
#output {color:#007AFF}
.red { color: #dc3545; font-weight: bold; }

@media (prefers-color-scheme: light) {
	html{background-color:#EEEEEE;}
}
@media (prefers-color-scheme: dark) {
	html{background-color:#161616;}
}