body {
    background-color: #f8feff;
    /* font-family: "Open Sans", sans-serif; */
    /* display: grid;
    grid-template-rows: 20% 80%; */
    /* font-size: 16px; */
    /* padding: 40px; */
}

.page {
    height: 100vh;
}

/* .page-body{
    display: grid;
    grid-template-columns: 60% 40%;
}  */

.section-body{
    padding-left: 10%; padding-right: 10%;
}

.state-borders {
    fill: none;
    stroke: #fff;
    stroke-width: 0.5px;
    stroke-linejoin: round;
    stroke-linecap: round;
    pointer-events: none;
}

h1 {
    font-size: 6em;
    font-weight: 700;
    /* color: #0077B6 !important; */
}

h2 {
    font-size: 3em;
}

stateTitle {
    font-size: 3em;
    font-weight: 700;
    color: #0077B6
}
.state-selected {
    fill: rgb(84,36,55) !important;
}
/* On mouse hover, lighten state color */
path:hover {
	fill-opacity: .7;
}

/* Style for Custom Tooltip */
.tooltip {   
    visibility: hidden;       
}

tooltip {
    display: flex;
    flex-flow: column;
}
.state-details {
    display: grid;
    grid-template-columns: 60% 40%;
}  

.neighborhood-details {
    display: grid;
    grid-template-columns: 70% 30%;

}
/* Legend Font Style
body {
	font: 11px sans-serif;
} */

div.tooltip_scatter {
    position: absolute;
    text-align: left;
    width: auto;
    height: auto;
    padding: 6px;
    font: 12px sans-serif;
    /* background: lightsteelblue; */
    border: 0px;
    border-radius: 8px;
    pointer-events: none;
  }

  #legend {
    padding: 1.5em 0 0 1.5em;
}

li.key {
    border-top-width: 10px;
    border-top-style: solid;
    font-size: .75em;
    width: 10%;
    padding-left: 0;
    padding-right: 0;
}

.list-inline {
    display: flex ;
    width: 50%;
}

.card {
    height: fit-content;
    width: fit-content;
    font-size: 70%;
}

.card-body {
    display: flex;
    justify-content: space-evenly;
}

.neighborhood-tip {
    position: absolute;
    background-color: #111;
    display: flex;
    font-family: sans-serif;
    max-width: 500px;
}

map {
    display: flex;
    flex-flow: row-reverse;
}


tr {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.5px solid gainsboro;
    padding-bottom: 5px;
}