html,body{
margin:0;
width:100%;
height:100%;
background:transparent;
overflow:hidden;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* Globe container */
#globe{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:min(85vmin,800px);
height:min(85vmin,800px);
}

/* Warning markers */
.warning{
width:5em;
max-width:8vh;
height:5em;
max-height:8vh;
transform:translate(-50%,-50%);
background-repeat:no-repeat;
background-position:center;
background-size:80%;
cursor:pointer;
pointer-events:auto;
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTIsMkwxLDIyaDIyTDEyLDJ6Ii8+PHBhdGggZmlsbD0iI0ZGMDAwMCIgZD0iTTEyIDFsLTEyIDIyaDI0bC0xMi0yMnptLTEgOGgydjdoLTJ2LTd6bTEgMTEuMjVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNXMuNTYtMS4yNSAxLjI1LTEuMjUgMS4yNS41NiAxLjI1IDEuMjUtLjU2IDEuMjUtMS4yNSAxLjI1eiIvPjwvc3ZnPg==);
}

.earth-occluded .warning{
opacity:.65;
}