/*
 DARK MODE OVERRIDES
  */
body {
    background-color: #e0e0e0;
    color: #2F2F2FFF;
}

.modal-content {
    border: 3px solid #bbbbbb;
}

.modal-nav {
    color: #2F2F2FFF;
}
#prevImage {
    color: #bbbbbb;
    text-shadow: 0 0 2px #000;
}

#nextImage {
    color: #bbbbbb;
    text-shadow: 0 0 2px #000;
}
.page-grid {
    color: #2F2F2FFF;
}

.dark-mode-toggle {
    padding: 10px 10px 10px 10px;
    -webkit-filter: drop-shadow(5px 5px 5px #2F2F2FFF);
    filter: drop-shadow(5px 5px 5px #2F2F2FFF);
}
    
.dark-mode-toggle:hover {
    filter: drop-shadow(0 0 15px #e0e0e0) brightness(20%);
}

.dark-mode-toggle:after {
    content: 'LIGHT';
}

html {
    background: #e0e0e0;
}