/*animations for appearance of the areas we work in*/
#areasPopup p {
    margin: 0px;
    white-space: nowrap;
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
    animation: typing 5s steps(22, end) forwards;
}

@keyframes typing {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

@keyframes blink {
    0%, 100% {
        border-right: 2px solid transparent;
    }
    50% {
        border-left: 2px solid #222;
    }
}