/* style.css */

body {
    transition: background-color 0.5s;
}

header {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

nav a:hover {
    color: #b962b9;
}

section:hover {
    transform: scale(1.05);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

footer:hover {
    background-color: #a349a4;
}

body {
    transition: background-color 0.5s;
}

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

header {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

nav a:hover {
    color: #F0EAD6;
}

section:hover {
    transform: scale(1.05);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

footer:hover {
    background-color: #F0EAD6;
}
/* Add more styles as needed */