CSS for USA Harmony Tour locations map

us-harmony-tour-map.css

#map-canvas {
    height: 55vh;
}

#map-canvas {
}

.gm-style .gm-style-iw {
    top: -35px !important;
}

.gm-style .gm-style-iw-t::after {
    top: -35px;
}

.pin-wrap {
    position: absolute;
    width: 35px;
    height: 35px;
    margin-top: -42.2487373415px;
    margin-left: -17.5px;
    transform-origin: 50% 120.7106781187% 0;
}

.pin {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 35px;
    height: 35px;
    margin-top: -17.5px;
    margin-left: -17.5px;
    transform-origin: 50% 120.7106781187% 0;
}

.pin::after {
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    content: "";
    transform: rotateZ(-45deg);
    border: 12px solid #000;
    border-radius: 50% 50% 50% 50%;
}

.previous-location .pin::after {
    border-color: #b3b3b3;
}

.pin::before {
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    content: "";
    transform: rotateZ(-45deg);
    border: 12px solid #000;
    border-radius: 50% 50% 50% 0;
}

.previous-location .pin::before {
    border-color: #b3b3b3;
}

.shadow {
    position: absolute;
}

.shadow::after {
    position: absolute;
    left: -112.5px;
    display: block;
    width: 25px;
    height: 25px;
    margin-top: -12.5px;
    content: "";
    transform: rotateX(55deg);
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.5) 100px 0 20px;
}

.current-location .pulse {
    position: absolute;
    margin-top: -20px;
    margin-left: -20px;
    transform: rotateX(55deg);
}

.current-location .pulse::after {
    display: block;
    width: 40px;
    height: 40px;
    content: "";
    animation: pulsate 1s ease-out;
    animation-delay: 1.1s;
    animation-iteration-count: infinite;
    opacity: 0;
    border-radius: 50%;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 6px 3px black;
}

@keyframes pulsate {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}