@keyframes map-anim {
    0% {
        transform: translateY(120%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes blink-anim {
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes touch-anim {
    0% {
        left: 0;
    }
    100% {
        left: 5vw;
    }
}
.title h1 img {
    height: 4.81vh;
    width: auto;
    object-fit: contain;
}
.foreground-container, .foreground-container * {
    position: absolute;
}
.foreground-container {
    width: 100vw;
    height: 81.01vh;
    left: 0;
    bottom: 0;
    z-index: 4;
    animation: map-anim 1.5s cubic-bezier(.57,.27,0,.98);
}
.map, .map img, .points-container {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.touch-button-container {
    position: absolute;
    top: 15.65%;
    left: 0.31vw;
    width: 15.2vw;
    height: 9.9vh;
    clip-path: polygon(34.12% 0, 100% 0, 100% 100%, 0 100%);
    border: none;
    animation: touch-anim 2s infinite cubic-bezier(.88,0,.47,1);
}
.touch-button-container {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}
.touch-button-container p, .touch-button-container img {
    animation: blink-anim 2s infinite;
}
.touch-button-container p {
    left: 28.32%;
    text-transform: uppercase;
    font-size: 2.4vh;
    line-height: 121%;
}
.touch-button-container img {
    height: 86.91%;
    filter: invert(1);
    right: 5.46%;
}
.point {
    position: absolute;
    width: 14.68vw;
    height: 9.81vh;
}
.point-text {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 71.69%;
}
.point-text p {
    text-transform: uppercase;
    font-size: 1.57vh;
    z-index: 2;
}
.point img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#point-1 {
    left: 23.9%;
    top: 10.05%;
}
#point-2 {
    left: 50.78%;
    top: 3.77%;
}
#point-3 {
    left: 66.3%;
    top: 18.51%;
}
#point-4 {
    left: 84.32%;
    top: 6.05%;
}