:root {

    --DeepSea: #2b3d4f;
    --Ocean: #097374;
    --Shark: #3F474F;
    --Breeze: #A0C1D1;
    --Buoy: #D16666;

    --Wave: #476685;
    --Caribbean: #D9FBFC;
    --Dolphin: #D9FBFC;
    --Silt: #BBC2C9;
    --Coral: #E3A1A1;

    /* --max-wrapper-width: 1800px; */
    --max-wrapper-width: 80vw;
    --def-wrapper-width: 100%;
    --header-height: 10vh;

    --max-containertext-width: 60%;

}

body{
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}


.mapcontainer {
    min-width : 100vw; 
    min-height: 100vh;
    background-color: whitesmoke;
}