@import url('https://fonts.googleapis.com/css2?family=Acme&display=swap');

* {
    outline: none;
    font-family: 'Acme', sans-serif;
    scroll-behavior: smooth;
}

body {
    background-color: black;
    margin: 0px;
}

a {
    text-decoration: none;
}
/* AUDIO CONTROLS */
.audioControls {
    position: fixed;
    outline: none;
    color: gray;
    outline: none;

    padding: 10px;
    border-radius: 20px;    
    background-color: rgb(230, 240, 255, 0.15);
    width: 300px; 
    z-index: 2;
}

.Pac, .Biggie {
    outline: none;
}

.Pac {
    height: 20px;
    width: 170px;
    border-radius: 20px;
    border-bottom: 4px solid orange; 
}

.WhosTheMan {
    width: 555px;
    border-radius: 20px;
    border: solid gray 2px;
}

.goToCont {
    padding: 10px;
    border-radius: 20px;    
    background-color: rgb(230, 240, 255, 0.15);
    width: 300px;    
}


.AmazonMU {
    background-color: dodgerblue;
    color: black;
    font-family: 'Acme', sans-serif;
    font-size: 40px;
}



.otherMusicSelect {    
    border-radius: 20px;
    color: #ffcc00;
    border: red 2px solid ;
    font-weight: bold; 
    background-color: #404040;            
}

.musicNotesIcon {
    width: 560px;
    position: fixed;
    right: 70px;
    bottom: 70px;
}


iframe {
    border-radius: 20px;
}
 
/* SELECT */
select {
    outline: none;
    width: 560px;
    background-color: black;
    color: silver;
    border-radius: 5px;
    padding: 5px;
}


nav {
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 3;
    background-color: rgb(140, 140, 140, 0.7);
    top: 0px;
    width: 100%;
    height: 50px;
    border-bottom: solid gray 4px;

}

.GOMPic {
    margin-left: 2px;
    border-radius: 3px;

}

.homeBtn {
    background-color: black;
    color: silver; 
    border: #404040 2px solid;
    padding: 2px;
}

h3 {
    color: dodgerblue;
}

h2 {
    color: yellow;
    background-color: rgb(0, 0, 0, 0.3);
    padding: 5px;
    border-radius: 15px;
    font-family: 'Fascinate Inline', cursive;
}

.sub_gif {
    border-radius: 20px;
    /* border-bottom: solid #996633 4px; */
    position: relative;
    z-index: 1;
}



/* AHA Videos */
#aha_Lano_Mix {
    display: flex;
    flex-direction: row;
    overflow: scroll;
    width: 850px;
    /* border: solid gray; */
    padding: 10px;
    border-radius: 20px;
    background-color: rgb(51, 153, 51, 0.3);
}

.alm_vids {
    display: flex;
    flex-direction: column;
    color: yellow;
    border: solid green 2px;
    border-radius: 20px;
    /* width: 560px; */
}

.music_sites {
    font-weight: bold;
    background-color: red;
    color: white;
    font-size: 20px;
}

.Sauce_Is_ForeverMP4 {
    width: 560px;
    height: 315px;
    border: solid 1px gray;
    border-radius: 20px;
}

.add2music {
    background-color: black;
    color: green;
}

.genius {
    background-color: yellow;
    color: black;
    font-weight: bold;
    font-size: 15px;
}


.jsanPrayDIV {
    display: flex;
    justify-content: center;
    margin-bottom: -20px;
    /* border: solid green; */
    width: 555px;


}

.JSanPray {
    height: 400px;
    margin-bottom: -7px;
}

/* ********** MEDIA QUERY ****************************************************** */


@media only screen and (max-width: 600px) {
    
    body {
        /* background-color: lightblue; */
      
    }
    
    .iframeClass {
        width: 100%;
    }

    /* .vids_Scroll {
        width: 560px;
    } */

    select, video {
        width: 100%;
    }
    
    .otherMusicSelect {
        width: 97%;        
    }

    .musicNotesIcon {
        width: 90px;
        position: fixed;
        z-index: 3;
        right: 10px;
        top: 5px;
    }

    /* AHA VIDS */
    #aha_Lano_Mix {
        width: 100%;
        padding: 0px;
    }

    .sub_gif {
        width: 100%;
        border-radius: 0px;
        border-bottom: solid 2px ;
    }

    .jsanPrayDIV {
        width: 100%;
    }



    
  }