prachiii8287 / any Goto Github PK

    svg {
        width: 70%;
        height: auto;
    }

    /* .state-label {
        font-family: Arial, sans-serif;
        font-size: 12px;
        fill: #000;
    }

    .state-path {
        fill-opacity: 1;
        transition: fill 0.3s ease;
    }

    .state-path:hover {
        fill-opacity: 0.8;
    } */


    .legend {
        position: absolute;
        top: 10px;
        right: 10px;
        background: white;
        border: 1px solid #ddd;
        padding: 10px;
        font-family: Arial, sans-serif;
    }

    .legend-title {
        font-weight: bold;
        margin-bottom: 5px;
    }

    .legend-item {
        display: flex;
        align-items: center;
        margin-bottom: 3px;
    }

    .legend-color {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }

    /* Customize the colors to match the PNG */
    .color-1 { fill: #cff3ff; }
    .color-2 { fill: #95e3fc; }
    .color-3 { fill: #68d3fa; }
    .color-4 { fill: #40bff7; }
    .color-5 { fill: #1e9ee0; }
    .color-6 { fill: #006bbb; }

</style>

<div class="map-container">

<?xml version="1.0"?>