body {
    background: #fafafa;
}
#main_screen {
    width: 100%;
    height: 800px;
    font-family: sans-serif;
}

#title {
    color: #FF0000; 
    text-align: center;
    font-size: 2.5em;
    border-bottom: solid 2px #000;
    padding-top: 20px;
    padding-bottom: 20px;
}

#panels {
    display: grid;
    grid-template-columns: 25% 50% 25%;
    height: 100%;
}

#panel_info {
    border-right: solid 2px #000;
}

#panel_map {
    border-left: solid 2px #000;
}

#map { 
    height: 300px; 
    width: 90%;
    margin-left: 20px;
}


.panel_title {
    text-align: center;
    color: #FF0000;
    font-size: 1.5em;
    padding: 20px;
}

.label {
    color: #FF0000;
    font-size: .75em;
    padding-left: 10px;
}

.label_value {
    color: #000;
    font-size: 1em;
    padding-bottom: 20px;
    padding-left: 10px;
}