/* musicnav */

.backgroundBox {
    padding: 5px 2.5px 0 2.5px;
    background: DarkGrey;
    border: solid white;
    border-top: none;
}

.musicNav {
    
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.musicNav img {
    width: 25px;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.musicNav a {
    text-decoration: none;
    color: black;
}

.musicNavButton {
    text-align: center;
    flex: 1;
    margin: 5px 2.5px;
    border: solid white 2px;
    padding: 5px;
    background: Silver;
    box-shadow: 2px 2px 4px grey;
}

.musicNavButton:hover {
    background: GhostWhite;
    color: black;
}

.dropdown:hover #dropdownMenu {
    display: flex;
}

#dropdownMenu {
    margin: 5px 0 0 -7px;
    display: none;
    position: absolute;
    flex-direction: column;
    border: solid white 1px;
    border-bottom: solid white 1px;
    box-shadow: 2px 2px 4px grey;
}

#dropdownMenu .musicNavButton {
    text-align: left;
    border-bottom: none;
    border: solid white 1px;
    margin: 0;
    box-shadow: 0 0 0 grey;
}

/* main css */

.discog {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.release {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: black;
    text-decoration: none;
    padding: 5px;
    border-spacing: 0;
}

.release p {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    max-width: 125px;
}

.release img {
    width: 125px;
    height: 125px;
}

.release:hover {
    outline:3px solid white;
    background: #BDB6A5; 
}

.release:hover p {
    overflow: visible;
    white-space: normal;
}

.release:hover img {
    opacity: 0.7;
}

.tracklist {
    list-style-type: decimal-leading-zero;
}

/* old browser */

.albumInfo {
    padding: 10px;
}

.albumInfo p {
    margin:0;
}

.albumInfo td {
    align-content: flex-start;
    border-spacing: 0;
}

.artwork {
    width: 350px;
    box-shadow: 5px 5px 5px grey;
    margin-right: 20px;
}

.discogOldMenu {
    align-content: flex-start;
}

.discogOldMenu img {
    margin-bottom: -4px;
    width: 105px;
}

.covimg {
    width:100px;
}

.covimg:hover {
    outline:3px solid white;
    opacity: 0.7;
    background: white;
}

.discogOldInfo {
    align-content: flex-start;
    border: double black;
    background: lightgrey;
}