.typewriter::after {
    content: '|';
    animation: blink 1s infinite;
    display: inline-block;
    margin-left: 2px;
    color: #333;
}

.note {
    font-size: 12px;
    display: block;
    padding: 10px;
}

.note-success {
    color: var(--green);
}

.note-error {
    color: var(--red);
}


@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}




@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}