body.dark-mode .big-text {
    color: white; /* Text color */
}

body.dark-mode .small-text {
    color: #bfbfbf; /* Text color */
}

body.dark-mode .start-button:hover {
    background-color: #54bbff; /* Lighter blue on hover */
    box-shadow: 0 0 0 6px rgba(65, 175, 249, 0.7); /* Darker shadow on hover */
}

body.dark-mode .anon-button:hover {
    background-color: #b14ce4; /* Lighter purple on hover */
    box-shadow: 0 0 0 6px rgba(183, 52, 219, 0.7); /* Darker shadow on hover */
}

body.dark-mode .anon-button {
    background-color: #9f3bd1;
} 

body.dark-mode #screenshot {
    box-shadow: 0 20px 30px rgba(255, 255, 255, 0.4);
}

body.dark-mode .info-box {
    background-color: #202020;
}

body.dark-mode .info-text p {
    color: rgb(188, 188, 188);
}

body.dark-mode .info-box:hover {
    filter: brightness(1.3);
}

body.dark-mode .created-by {
    color: rgb(188, 188, 188);
}

body.dark-mode .my-name {
    color: white;
}