*,
*::before,
*::after{
    box-sizing: border-box;
    margin:0;
    padding: 0;
}


.page-container{
    display: flex;
    margin: 1rem
}

/* .states{
    width: 80vw;
    height: 90vh;
} */
.third-map-container{
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    text-align: center;
}

.us{
    width: 90vw;
    height: 95vh;
    /* border: 1px solid red; */
    /* overflow: visible; */
    /* width: 740px;
    height: 640px; */
}
.us > g > path {
    fill:rgba(255, 255, 255, 0.421);
    stroke:black;
    stroke-width: 1px;
    transition: .5s;
}

.layer10{
    z-index: -1;
}
.usa:hover{
    /* fill:url(#radialGradientGA); */
    fill:lightgray;
    stroke:slategray;
    /* transition: 1s; */
    transform-origin: 50% 50%;
    transform: scale(1.02);
}

.alabama:hover{
    fill:url(#radialGradientAL);
    /* fill:red; */
    stroke: black;
    /* transform-origin: 78% 63%;
    transform: scale(1.2); */
    cursor: pointer;
}
.georgia:hover{
    fill:url(#radialGradientGA);
    stroke-width:0.64;
    fill-opacity:1;
    stroke: black;
    transform-origin: 50% 50%;
    transform: scale(1.02);
    cursor: pointer;
}
.louisiana:hover{
    fill:url(#radialGradientLA);
    stroke-width:0.64;
    fill-opacity:1;
    stroke: black;
    transform-origin: 50% 50%;
    transform: scale(1.02);
    cursor: pointer;
}
.mississippi:hover{
    fill:url(#radialGradientMS);
    stroke-width:0.64;
    fill-opacity:1;
    stroke: black;
    /* transform-origin: 29% 44%; */
    transform: scale(1.02);
    cursor: pointer;
}

/* .florida:hover{
    fill:url(#radialGradient12037);
    stroke-width:0.64;
    fill-opacity:1;
    stroke: black;
    transform-origin: 50% 50%;
    transform: scale(1.02);
    cursor: pointer;
} */
/* */
/* .georgia:hover,
.southcarolina:hover,
.northcarolina:hover,
.tennessee:hover,
.arkansas:hover , */

.marker{
    fill: black;
    /* display: none; */
}

body{
    --bg-image: url("../images/plainHWHLogo.svg");
    --bg-image-opacity: .25;
    cursor: url(../images/xx-smallHWHLogo.png) 8 8, default;
}

body::after{
    content: '';
    position: absolute;
    z-index: -1;
    inset:0;
    opacity: var(--bg-image-opacity);
    
    background-image: var(--bg-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.link-container{
    /* border: 1px solid red; */
    z-index: 10;
}

.history-links a{
        cursor: pointer;
    text-decoration: none;
    /* color: greenyellow; */
}

.history-links > a:hover{
        font-weight: bold;
}