body,
.collection .collection-item {
    background-color: #323639;
}

.active-item,
.teal.lighten-1,
nav,
.page-footer,
.footer-copyright,
.collection a.collection-item:not(.active):hover {
    color: white !important;
    background-color: #8E24AA !important;
}

.collection .collection-item {
    border-bottom: 1px solid #464646;
}

.input-field,
.collection a.collection-item {
    color: #a9a9a9;
}

input[type=search] {
    border-bottom: 1px solid #464646 !important;
    box-shadow: 0 0 0 0 !important;
}
input[type=search]:focus {
    border-bottom: 1px solid #8E24AA !important;
    box-shadow: 0 0 0 0 !important;
}

/*
audio::-webkit-media-controls-panel,
audio::-webkit-media-controls-mute-button,
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-timeline-container,
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display,
audio::-webkit-media-controls-timeline,
audio::-webkit-media-controls-volume-slider-container,
audio::-webkit-media-controls-volume-slider,
audio::-webkit-media-controls-seek-back-button,
audio::-webkit-media-controls-seek-forward-button,
audio::-webkit-media-controls-fullscreen-button,
audio::-webkit-media-controls-rewind-button,
audio::-webkit-media-controls-return-to-realtime-button,
audio::-webkit-media-controls-toggle-closed-captions-button{
    background-color: #323639;
    border-radius: 0px;
}
*/