.titleButton {
    pointer-events: auto;
}

.fotnote {
    top: calc(var(--margin-top-height) + var(--max-height));
    z-index: 300000!important;
}

.textButton {
    white-space: normal;
    width: 30px;
}

@keyframes clouds {
    from {
        transform: rotate(-10deg);;
    }
    to {
        transform: rotate(10deg);
    }

}

/* The element to apply the animation to */
.cloud {
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    transform-origin: 50% 90%;
    animation-name: clouds;
    animation-duration: 8s;
}

map * {
    transform: scale(.8);
}