body {
    font-family: 'Merriweather Sans', sans-serif;
    background-image: url('../../images/background.jpg');
    background-size: cover; /* Hace que la imagen cubra todo el área disponible */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    height: 100vh;

}

.container {
    max-width: 60%;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    background-color: rgb(46, 46, 46);
    box-shadow: 0 2px 4px rgb(44, 44, 44);
}

h1,
h2,
p {
    color: rgb(255, 255, 255);
}

input[type="text"] {
    padding: 10px;
    font-size: 16px;
    width: 70%;
}

button {
    padding: 10px 20px;
    font-size: 16px;
    background-color: rgb(12, 0, 39);
    color: white;
    border: none;
    cursor: pointer;
}

#responseData {
    margin-top: 20px;
    font-size: 18px;
}