html {
font-size: 1em;
font-family: monospace;
background-color: #222;
}
#dMap {
text-align: center;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
color: #fff;
z-index: 1;
}
#dBotones {
width: 50%;
margin-left: auto;
margin-right: auto;
text-align: center;
position: absolute;
bottom: 0.5em;
left: 25%;
min-width: 200px;
background-color: #222;
padding: 15px;
z-index: 5;
}
select {
font-size: 3em;
display: block;
width: 100%;
height: 1.5em;
text-align: center;
}
button {
margin-top: 0.2em;
display: block;
font-size: 3em;
height: 1.5em;
width: 100%;
}
h1 {
position: absolute;
width: 60%;
left: 20%;
margin-top: 0.5em;
font-size: 3em;
text-align: center;
color: #fff;
min-width: 200px;
background-color: #222;
padding: 15px;
z-index: 5;
}
#dCalculando {
position: absolute;
left: 35%;
top: 40%;
color: #fff;
font-size: 4em;
background-color: rgba(0,0,0,0.5);
padding: 15px;
z-index: 10;
}