
html,body{
margin:0;
width:100%;
height:100%;
overflow:hidden;
background:#111;
font-family:Arial;
color:#e6d9a2;
}

.sidebar{
position:fixed;
left:0;
top:0;
width:320px;
height:100vh;
background:#151515;
border-right:1px solid #333;
padding:20px;
box-sizing:border-box;
overflow-y:auto;
z-index:9999;
}

.sidebar h1{
margin-top:0;
}

#map{
margin-left:320px;
width:calc(100vw - 320px);
height:100vh;
}

button,input,select{
width:100%;
margin-top:10px;
padding:10px;
background:#1d1d1d;
border:1px solid #444;
color:white;
box-sizing:border-box;
}

.spot-card{
background:#1b1b1b;
border:1px solid #333;
padding:10px;
margin-top:10px;
}

.grid-label{
color:white;
font-size:11px;
text-shadow:0 0 5px black;
}
