.state {
    fill: none;
    stroke: #a9a9a9;
    stroke-width: 1;
}

.state:hover {
    fill-opacity: 0.5;
}

h2, h3 {
    text-align: center;
    line-height: 0.8
}

.center {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    padding: 10px;
}

.center2 {
    position: absolute;
    left: 50%;
    margin-top: 550px;
    transform: translate(-50%, 0%);
    padding: 10px;
}

.center1 {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    padding: 10px;
}

.flex-container {
    display: flex;
}

.flex-child {
    flex: 1;
}

.flex-child:first-child {
    margin-right: 20px;
}