/* body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #333;
    color: #fff;
    margin: 0;
    font-family: monospace;
} */

/* .container {
    text-align: center;
} */

.typing-animation {
    display: inline;
    position: relative;
    /* color: white; */
    font-size: 2.5em; /* Font size similar to h1 */
    font-weight: bold; /* Font weight similar to h1 */
}

.cursor {
    display: inline-block;
    animation: blink 0.75s step-start infinite;
    font-weight: lighter;
    position: absolute;
    font-size: 20px;
    color: white; /* Cursor color */
    font-weight: bold; /* Cursor weight same as h1 */
    right: -6px; /* Adjust this value to position the cursor correctly */
    top: -8px; /* Adjust to align cursor with text if needed */
}

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

.typing-animation span {
    display: inline;
}