.box2
{

	  background: #fff;
      color:black;
      padding: 2rem;
	  border-radius: 1rem;
      box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
}
 .box {

      background: #fff;
      color:black;
      padding: 2rem;
	  display: flex;
	  align-content: center;
      border-radius: 1rem;
      justify-content: center;
      box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    }


#map { height: 180px; }

.leaflet-container {
			height: 400px;
			width: 600px;
			max-width: 100%;
	
			max-height: 100%;
}
    .hero {
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      text-align: center;
    }
    .login-card {
      background: #fff;
      color:black;
      padding: 2rem;
      border-radius: 1rem;
      box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    }