body {
    font-family: Arial, sans-serif;
    background-color: #121212; /* Dark mode background color */
    color: #ffffff; /* Dark mode text color */
}

.container {
    text-align: center;
    margin: 20px;
}

label {
    font-weight: bold;
}

input {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
}

#themeToggle {
    position: fixed;
    bottom: 20px;
    left: 20px;
    padding: 10px;
    background-color: #0078d4; /* Button color in dark mode */
    color: #ffffff; /* Button text color in dark mode */
    border: none;
    cursor: pointer;
}

/* Light mode styles (will be applied when toggled) */
.light-mode body {
    background-color: #f0f0f0; /* Light mode background color */
    color: #000000; /* Light mode text color */
}

.light-mode #themeToggle {
    background-color: #0078d4; /* Button color in light mode */
    color: #ffffff; /* Button text color in light mode */
}