/* This file is for your main application css. */
html,
body {
  height: 100%;
}

/*
Some stuff comes with lamdera this is one of the things
*/
/* body { */
/* margin: 0; */
/* } */

.resize-none {
  resize: none;
}

.old-view {
  animation-name: out;
  animation-duration: 4s;
  animation-fill-mode: both;
}

.new-view {
  animation-name: in;
  animation-duration: 4s;
  animation-fill-mode: both;
}

@keyframes out {
  from {
    left: 0;
  }

  to {
    left: 100%;
  }

}

@keyframes in {
  from {
    left: -100%;
  }

  to {
    left: 0;
  }
}

.leaflet-pane {
  z-index: 0 !important;
}