/* Add your CSS styles here */
.container {
    background-color: yellow;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: top;
    height: 40vh;
    border: 2px solid black; /* This centers the container vertically */
}

/* Center the h1 and h2 elements */
h1, h2 {
    margin: 5px;
    text-align: center;
}

/* Center the textarea and adjust its alignment */
textarea {
    text-align: center;
}
#charCount {
    text-align: left;
    color: #333;
}

#error {
    color: red;
}