.instruction {
    margin-bottom: 24px;
    font-size: 20px;
}

.squares {
    margin: auto;
}
.squares section:not(:first-child) {
    margin-top: 15px;
}
.squares section div:not(:last-child) {
    margin-right: 15px;
}
.squares div {
    cursor: pointer;
    display: inline-block;
    background-color: var(--accent);
    border-radius: var(--radius);
}

#hearts {
    gap: 8px;
}

.squares div.correctselected {
    background-color: var(--green);
}

.squares div.wrongselected {
    background-color: var(--red);
}

.blink {
    animation: blink 1.5s forwards;
}

.test_footer {
    margin-top: 24px;
}

.footer_stat {
    align-items: center;
}

.timer {
    display: none;
}

@keyframes blink {
    0% {
        background-color: var(--accent);
    }
    25% {
        background-color: var(--green);
    }
    50% {
        background-color: var(--accent);
    }
    75% {
        background-color: var(--green);
    }
    100% {
        background-color: var(--accent);
    }
}