#pen {
    filter: grayscale(100%);
    animation: penWrite 0.5s ease-in-out infinite;
}
/* Pen animation */
@keyframes penWrite {
    from { transform: rotate(0deg) translateY(-10px);
    }
    to { transform: rotate(-25deg) translateY(-5px);
    }
}


#log, #log-dot-anim {
    color: gray;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 24px;
}

.logging-container {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 3px;
}