body {
    background: hsla(0, 0%, 18%, 1);
    color: hsla(206, 69%, 96%, 1);
    font-family:open-sans;
}

header {
    background: hsla(0, 0%, 12%, 1);
}

footer {
    background: hsla(0, 0%, 12%, 1);
}

.button {
    background: hsla(0, 0%, 27%, 1);
    
    
}

.button:hover {
    background: hsla(206, 69%, 44%, 1) !important;
}

#search i {
    background-color: hsla(206, 69%, 96%, 1);
}

div.sub-window-background {
    background: hsla(0, 0%, 20%, 0.9);
}

.main_menu {
    background: hsla(0, 0%, 14%, 1);
    box-shadow: 0 0.4rem 0.6rem hsla(0, 0%, 0%, 0.6);
    
}

/*.main_menu .windows-header {*/
.windows-header {
    background: hsla(206, 69%, 44%, 1);
}

#search-window .windows-header {
    /*background: hsla(206, 69%, 44%, 1);*/
    background-color: hsla(206, 69%, 96%, 1);
    color: hsla(206, 69%, 44%, 1);
}

.close:hover {
    color: black;
}

.main_menu.mobile .content ul li:nth-child(odd) {
    background-color:hsla(0, 0%, 25%, 1);
}

.main_menu.mobile .content ul li:nth-child(even) {
    background-color:hsla(0, 0%, 18%, 1);
}

#search-results-content.content ul li:nth-child(odd) {
    background-color:hsla(0, 0%, 25%, 1);
}

#search-results-content.content ul li:nth-child(even) {
    background-color:hsla(0, 0%, 18%, 1);
}

#search-results-content.content ul li:hover {
    background: hsla(206, 69%, 44%, 1);
}

.main_menu .content ul li:hover {
    background: hsla(206, 69%, 44%, 1);
}

.main_menu.mobile .content ul li:hover {
    background: hsla(206, 69%, 44%, 1);
}

.view-main-content div div:hover {
    background: hsla(206, 69%, 44%, 1);
}

.main_menu .content ul li {
    background-color:hsla(0, 0%, 25%, 1);
    box-shadow: 0 0.4rem 0.6rem hsla(0, 0%, 0%, 0.4);
    
}

.main_menu .windows-header .title-icon .search-icon {
    background-color: hsla(206, 69%, 44%, 1);
}

input.music-search-entry {
    color: hsla(0, 0%, 22%, 1);
    background: hsla(0, 0%, 96%, 1);
    box-shadow: inset 0 0 0 0.2rem hsla(206, 69%, 54%, 0);
    
}

#search-results-content.content ul li.artist span.image {
    border-color:color: hsla(206, 69%, 96%, 1);   
}

#search-results-content.content ul li span.image {
    background-color:black;   
}

.view-main-content div div {
    background-color:hsla(0, 0%, 12%, 1);
    box-shadow: 0 0.4rem 0.6rem hsla(0, 0%, 0%, 0.6);
}

.tile-artist span.image {
    border-color:color: hsla(206, 69%, 96%, 1);
    background-color: black;
}