body {
    font-family: "Courier New", Courier, monospace;
    transition: background-color 0.3s, color 0.3s;
}

body.light-mode {
    background-color: #fff;
    color: #000;
}

body.dark-mode {
    background-color: #121212;
    color: #fff;
}

/* Additional styles for dark mode */
.navbar-light.bg-light.dark-mode {
    background-color: #333;
}

.table-striped>tbody>tr:nth-of-type(odd).dark-mode {
    background-color: rgba(255, 255, 255, 0.05);
}

.table-striped>tbody>tr:nth-of-type(even).dark-mode {
    background-color: rgba(255, 255, 255, 0.15);
}

.btn-outline-secondary.dark-mode {
    border-color: #fff;
    color: #fff;
}

.btn-outline-secondary.dark-mode:hover {
    background-color: #fff;
    color: #000;
}