:root {
--padding-medium: 30px;
--padding-small: 10px;
}

#state-picker {
    margin-bottom: var(--padding-medium);
    border: 1.5px solid #007cba;
    margin-left: 10px;
}

.recall {
    background-color: orange;
    padding: var(--padding-small);
    opacity: 80%;
    position: relative;
    margin-left: 900px;
    margin-top: 15px;
    margin-bottom: var(--padding-medium);
    min-height:  calc(var(--padding-medium) * 3);
    color: black;
}

.recall p {
    font-size: 16px;
    color: #212F3D;
    line-height: 1;
}

.faded {
    opacity: 75%;
    padding: var(--padding-small);
    position: relative;
    margin-left: 900px;
    margin-top: 15px;
    margin-bottom: var(--padding-medium);
    min-height:  calc(var(--padding-medium) * 3);
    color: black;
    background-color: lightgray;
}

.faded p {
    font-size: 16px;
    color: #212F3D;
    line-height: 1;
}

.ongoing {
    background-color: #FFA59C;
    padding: var(--padding-small);
    position: relative;
    margin-left: 900px;
    margin-top: 15px;
    margin-bottom: var(--padding-medium);
    min-height:  calc(var(--padding-medium) * 3);
}

.ongoing p{
    font-size: 16px;
    line-height: 1;
}


#map {
    width: 760px;
    height: 500px;
    border: 3px solid #007cba;
    border-top: 3px solid rgba(0, 124, 186, 0.8);
    border-left: 3px solid rgba(0, 124, 186, 0.8);
    border-right: 3px solid rgba(0, 124, 186, 0.8);
    border-bottom: 3px solid rgba(0, 124, 186, 0.8);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}