.mapbox-control-container, .mapbox-logo, a.mapboxgl-ctrl-logo, .mapboxgl-ctrl-bottom-right {
    display: none; !important
}

.marker {
    background-image: url('./profile.jpeg');
    background-size: cover;
    width: 50px;
    height: 50px;
    opacity: 1;
    border-radius: 50%;
    cursor: pointer;
    animation: pulse 2s infinite;
}

.marker-sport {
    background-image: url('./profile-sport.png');
    background-size: cover;
    width: 50px;
    height: 50px;
    opacity: 1;
    border-radius: 50%;
    cursor: pointer;
    animation: pulse-sport 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
    }

    70% {
        box-shadow: 0 0 0 20px rgba(52, 172, 224, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
    }
}

@keyframes pulse-sport {
    0% {
        box-shadow: 0 0 0 0 rgba(54, 253, 54, 0.7);
    }

    70% {
        box-shadow: 0 0 0 20px rgba(52, 172, 224, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
    }
}

.mapboxgl-popup {
    max-width: 200px;
    opacity: 80%;
}

.mapboxgl-popup-tip {
    max-width: 200px;
    opacity: 80%;
}

.mapboxgl-popup-content {
    text-align: center;
}

.blinker {
    animation: blinker 2s linear infinite;
}
  
@keyframes blinker {
    50% {
        opacity: .4;
    }
}