* {
    outline: none;
    scroll-behavior: smooth;
    font-family: 'Acme', sans-serif;
}
    

body {
    background-color: black;
    color: silver;
}

nav {
    position: fixed;
    z-index: 5;
    top: 0px;
    left: 0px;
    display: flex;
    color: black;
    align-items: center;
    height: 100px;
    width: 100%;
    background-color: #56535e;
    padding: 10px;
}

.extTitle {
    color: gray;
}


a {
    text-decoration: none;
}


.trksDIV {
    position: absolute;
    top: 200px;
}

.homeBtns {
    margin-right: 50px;
}

.plDIV {
    background-image: url('https://t2.genius.com/unsafe/375x0/https%3A%2F%2Fimages.genius.com%2F234470184f2c567b91dbb04b63fe9ce8.540x540x1.jpg');
    /* BG Size 4 *FireFox */
    background-size: 104%;
    background-repeat: no-repeat;
    width: 300px;
    height: 350px;
    border: #333333 solid 2px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.plACtrl {
    background-color: #f1f3f4;
}



.sngleTrkDIV {
    display: flex;
    align-items: center;
    width: 400px;
    border-radius: 5px;
    border: solid 1px #333333;
    justify-content: space-between;
    overflow: hidden;
}


.playBtnDIV {
    /* background-color: yellow; */
    height: 40px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.playBtnSglTrk {
    height: 25px;
    width: 80px;
    border-bottom: 4px gray solid;
    border-radius: 3px;
}

.sngleTrkBG {
    background-color: #f1f3f4;
} 
 
/* PLAY BTN */
.fa-play {
    color: rgb(175, 0, 175);
}

.backMbl {        
    position: fixed;
    bottom: 5px;
    right: 5px;
    height: 30px;
    background-color: #333333;
    border-radius: 40px;
    border: solid 2px #333333;
    height: 50px;    
}

/* ******************************************************************************************** */

@media only screen and (max-width: 800px) {

    .titleNAV {
        position: fixed;
        top: 60px;
        left: 60px;
    }

    
}


