@keyframes pupUpEnterAnimation {
    0% {
        transform: scale(0.9) translate(-55%, -0%);
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        transform: scale(1.1) translate(-45%, -0%);
    }

    100% {
        transform: scale(1) translate(-50%, -0%);
    }
}

@keyframes pupUpLeaveAnimation {
    0% {
        transform: scale(1) translate(-50%, -0%);
        opacity: 1;
    }

    25% {
        transform: scale(1.1) translate(-45%, -0%);
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(0.9) translate(-55%, -0%);
        opacity: 0;
    }
}

.section1_popup {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -0%);
    text-align: center;
    background-color: rgba(0, 134, 175, 0.1);
    border: solid rgb(0, 105, 175) 1px;
    color: #fff;
    border-radius: var(--roundness);
    z-index: 9999;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: -10.5rem;
    animation: pupUpEnterAnimation 0.5s ease-in-out, pupUpLeaveAnimation 0.5s ease-in-out 1.5s;
}