:root {
    --main-bg-color: rgb(61, 88, 70, 1);
  }


body{
    margin:0;
    overflow:hidden;
}

#map { 
    height: 100vh; 
}


.test{
    background-image: url(https://sub.urland.dk/imgfiles/3dmodel.png);background-position: center center;background-size: contain;background-repeat: no-repeat;
}

.btncontainer{
    display:flex;
    align-items: center;
    justify-content: center;
    width:100px;
    height:200px;
    right:0;
    bottom:0;
    position: absolute;
    z-index: 999;
    user-select: none;
  }
  
  .btncontainertop{
    display:flex;
    align-items: center;
    justify-content: center;
    width:100px;
    height:200px;
    bottom:0;
    left:0;
    position: absolute;
    z-index: 999;
    user-select: none;
  
  }
  
  .btncontainerwrapper{
    display:flex;
    flex-direction: column;
    gap:10px;
    align-items: center;
    justify-content: center;
    width:80%;
    height:80%;
    user-select: none;
  }
  

  .initialhidden{
    display:none;
  }

  
  .fullscreenbtn{
    border-radius: 5px;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius: 5%;
    width:50px;
    height:50px;
    color:whitesmoke;
    background-color: var(--main-bg-color);
    cursor: pointer;
    transition: 100ms;
    font-size: 11px;
    user-select: none;
    filter: drop-shadow(0 0 0.05rem rgb(0, 0, 0));
  }
  

  .leaflet-control-layers-toggle{
    background-color: var(--main-bg-color) !important;
    color:white;
    display:none;
  } 

  .leaflet-control-zoom-in{
    background-color: var(--main-bg-color) !important;
    color:white !important;
  } 

  .leaflet-control-zoom-out{
    background-color: var(--main-bg-color) !important;
    color:white !important;
  } 
 
  .leaflet-control-layers-list{
    display:none;
  }

  .leaflet-container a {
    color:white;
  }
 

  .leaflet-bar a{
    background-color: var(--main-bg-color);
  }

  svg:hover {
    fill: red;
  }