@import url("https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

* {
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px;
    background-color: #dce0e8;
}

p {
    font-size: 1.2rem;
}

span.dot {
    animation: fadeInOut 1.4s infinite;
    opacity: 0;
}
span.dot:nth-child(2) {
    animation-delay: 0.2s;
}
span.dot:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes fadeInOut {
    0%,
    80%,
    100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

.footer {
    position: fixed;
    display: flex;
    justify-content: center;
    bottom: 0;
    width: 100%;
}