@font-face {
    font-family: 'papermario';
    src: url('../assets/fonts/FOT-PopJoyStd-B.otf');
}

body {
    margin: 0;
    background-color: rgb(45, 45, 45);
    background-image: url('../assets/images/background-repeat2.svg');
    background-repeat: repeat;
    background-size: 150px;
    animation: moveBackground 20s linear infinite;
    font-family: 'papermario', sans-serif;
}

main {
    scroll-behavior: smooth;
    overflow: auto;
    scroll-snap-type: y mandatory;
}

@keyframes moveBackground {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 300px 300px;
    }
}

.popupCustom .leaflet-popup-content-wrapper {
  width: 29.3vw !important; 
  max-width: 90vw;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 20px;
  box-shadow: none;
  margin-bottom: 8px;
}

.popupCustom .leaflet-popup-content {
  width: 29.3vw !important; 
  max-width: 90vw;
  margin: 0;
  padding: 0;
}

.popupCustom .leaflet-popup-close-button {
  top: 0.25rem;
  right: 0.5rem;
  width: 34px;
  height: 24px;
  font: 16px/24px 'papermario';
  color: white;
  background: transparent;
}

.snap-wrapper {
    height: auto;
    overflow: visible;
}

@media (min-width: 1024px) {
    .snap-wrapper {
        scroll-snap-type: y proximity;
        height: 100vh;
    }

    .snap-section {
        scroll-snap-align: start;
        height: 100vh;
    }
}