body {
    font-family: Arial, sans-serif;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}
h1 {
    text-align: center;
}
form {
    display: block;  /* Changed from flex to block */
    margin-bottom: 20px;
}
input[type="text"] {
    width: 100%;  /* Ensure the input takes full width */
    padding: 5px;
    margin-bottom: 10px;  /* Add margin between input and button */
}
button {
    width: 100%;  /* Ensure the button takes full width */
    padding: 10px;
    background-color: #007bff;
    color

    @keyframes fadeOut {
        from { opacity: 1; }
        to { opacity: 0; }
    }

    .fade-out {
        animation: fadeOut 2s forwards;
    }