body {
  background-color: #38444f ;
  margin: 0%;
}

.upload-container {
  /* text-align: center; */
  margin: auto;
}
/* #38444f */
/* #ffffff */
/* #a2d2ff */
/* #ffaecc */
/* #bdc0fe */
/* #cdb4db */
/* #ffc8dd */
.buttons{
  padding: 0.5em;
  margin: auto;
  width: fit-content;
  justify-items: center;
  justify-content: center;
  text-align: center;
  button{
    margin-top: 2.5em;
  }
}
.checkbox{
  background-color: #333333;
}
.drop-zone {
  border: 2px dashed #007bff;
  border-radius: 10px;
  margin: auto;
  overflow-y: scroll;
  max-height: 10em;
  padding: 20px;
  width: fit-content;
  max-width: 30%;
  background-color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s ease;
  /* p{
    border: 2px dashed #007bff;
    border-radius: 10px;
    padding: 10px;
  } */
}
.file{
  display: inline-table;
}
.drop-zone:hover {
  background-color: #f0f8ff;
}

#file-list {
  margin-top: 20px;
  text-align: left;
}
#map-container{
  margin: auto;
  width: 50%;
  /* height: 50%;
  overflow-y: scroll; */
}
.canvas-box{
  padding: auto;
  display: inline-table;
  text-align: center;
  transition: 500ms;
  padding: 0.5%;
  /* opacity: none; */
  /* background-image: url(map_background_checkerboard.png);
  background-repeat: no-repeat; */
}
.canvas-box:hover{
  transform: translate(0px,-5%);
  background-color: #ffc8dd  ;
  border-radius: 20px;
}
/* canvas{
  width:100%
} */
 .issues{
  text-align: center;
  border-radius: 20px;
  border: 0.2em dashed #38444f ;
  margin: auto;
  width: 50%;
  background-color: #a2d2ff;
  h1{
    border: .2em solid #FFFFFF;
    width: fit-content;
    margin: auto;
  }
  ul{
    list-style-type: none;
  }
 }
 .banner {
    padding: 3em 0;
    padding: calc((30vh - 5.8em) / 2 + 1px) 0;
    text-align: center;
    height: 92px;
    width: 100%;
    margin-bottom: 1em;
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #d5d5d5 center;
    background-size: cover;
    h1{
        background-color: transparent;
        border: .2em solid #FFFFFF;
        color: #FFFFFF;
        width: fit-content;
        padding: .5em 1em;
        margin: 0 auto;
        font-family: 'Gibson', sans-serif;
        font-weight: bold;
        box-shadow: 4px 4px #333333;
        text-shadow: 4px 4px #333333;
    }
}
.map_world_pos{
  position: absolute;
  top: 0px;
  left: 0px;
}