html,
body {
    opacity: 1;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    font-family: system-ui;
    background: var(--background);
    transition: opacity .25s .25s;
}

body {
    display: flex;
    justify-content: center;
    align-items: center;
}

#content {
    display: none;
}

#screenshots-fullscreen {
    display: none;
}

#description-fullscreen {
    display: none;
}

#reviews-fullscreen {
    display: none;
}

#install-guide {
    display: none;
}

.circles {
    display: flex;
    flex-direction: row;
}

.circle {
    width: 1em;
    height: 1em;
    border-radius: 1em;
    margin: .25em;
    animation: wave 1.5s ease-in-out infinite;
}

.circle-1 {
    animation-delay: 0ms
}

.circle-2 {
    animation-delay: 200ms
}

.circle-3 {
    animation-delay: 400ms
}

@keyframes wave {
    30% {
        background-color: rgba(128, 128, 128, 0);
    }

    0%,
    60%,
    100% {
        background-color: rgba(128, 128, 128, 1);
    }
}