@keyframes blink {
    50% {
        opacity: 0;
    }
}

[data-contributor="Matthew Baker"] .type {
    background: aliceblue;
    color: var(--background);
    display: flex;
    flex-direction: row;
    overflow: visible;
}

[data-contributor="Matthew Baker"] .type>span:nth-child(1) {
    animation-delay: 2500ms;
    animation: blink 1500ms infinite steps(1);
}

[data-contributor="Matthew Baker"] .type>span:nth-child(2) {
    animation-delay: 1000ms;
    animation: blink 3500ms infinite steps(1);
}

[data-contributor="Matthew Baker"] .type>span:nth-child(3) {
    animation-delay: 1500ms;
    animation: blink 2000ms infinite steps(1);
}

[data-contributor="Matthew Baker"] .type>span:nth-child(4) {
    animation-delay: 3000ms;
}

[data-contributor="Matthew Baker"] .type>span:nth-child(5) {
    animation-delay: 500ms;
    animation: blink 3000ms infinite steps(1);
}

[data-contributor="Matthew Baker"] .type>span:nth-child(6) {
    animation-delay: 2000ms;
    animation: blink 4000ms infinite steps(1);
}

[data-contributor="Matthew Baker"] .type>span:nth-child(7) {
    animation-delay: 2500ms;
    animation: blink 4000ms infinite steps(1);
}

[data-contributor="Matthew Baker"]:hover .type,
[data-contributor="Matthew Baker"]:focus .type,
[data-contributor="Matthew Baker"][data-on="true"] .type {
    background: var(--background);
    color: aliceblue;
}