Add Light / Dark Mode toggle(s) & Add Footer #1

• Toggle between Light Mode and Dark Mode
• Add footer

Dark Mode#

body {
    background: black;
    color: white;
}

.btn {
    background: red;
    color: white;
    border: 2px solid white;
}

.btn:hover {
    background: black;
    color: white;
    border: 2px solid white;
}
.footer {
    text-align: center;
    color: white
}

.footer a {
    color: red;
    text-decoration: none;
}

.footer a:hover {
    color: white;
    text-decoration: underline;
}

Light Mode#

body {
    background: white;
    color: black;
}

.btn {
    background: red;
    color: black;
    border: 2px solid black;
}

.btn:hover {
    background: black;
    color: white;
    border: 2px solid white;
}
.footer {
    text-align: center;
    color: black
}

.footer a {
    color: red;
    text-decoration: none;
}

.footer a:hover {
    color: black;
    text-decoration: underline;
}

Footer#

<div class="footer">
    <p>&copy; 2024-25 Made by Danny UK, by <i><a href="https://madebydanny.uk" target="_blank">Daniel Morrisey</a></i><b> - </b><a href="https://madebydanny.uk/followonbsky.html?did=madebydanny.uk">@madebydanny.uk</a></p>
</div>