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





body {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* margin: 0px; */
    margin: 0px;

    background-color: black; 
    /* background-image: url("https://i.etsystatic.com/19642021/r/il/cdb142/2000639861/il_fullxfull.2000639861_mumy.jpg"); */
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center center; 
    color: silver;


}

#arrowLID {
    color: silver;
}

/* VIDEO TITLES */
.NY_50p_Title_Cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* width: 400px; */

    /* border: orangered solid; */
    /* border: solid silver 2px; */
}


.videosGoTobtn {
    position: fixed;
    top: 100px;
    left: 50px;
    background-color: transparent;    
    background-color: silver;    
    border-radius: 8px;
    color: white;
    padding: 8px;
}

/* H3 */
h3 {
    color: orange;
    border: solid gray;
    border-radius: 10px;
    padding: 5px;
}

.videosH3 {
    margin: -3px;
    width: 330px;
    text-align: center;
}


a {
    text-decoration: none;
}

* {outline: none;}

/* HOME BUTTON */
.hmBtm {
    display: flex;
    align-items: center;
    background-color: black;
    /* border-radius: 10px; */
    /* color: #595959; */
    font-weight: bold;
    border: none;
    border-right: solid #595959 2px;
    /* padding: 5px; */
    padding: 1px 10px 5px 1px;
    margin-right: 10px;
}

.hmBtn2 {
    border-radius: 7px;
}

.homeCont {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

nav {
    position: fixed;
    z-index: 1;
    top: 5px;
    left: 5px;
    border: solid #595959 2px;;
    border-radius: 10px;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.6);
}


/* TITLE DIV Cont */
.Title_DIV_Cont {
    background-image: url('https://wallpaperaccess.com/full/113640.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0px;
    height: 750px;
    width: 100%;
}

.MJ_Initials {
    text-align: left;
    padding: 20px;
    /* border: solid red; */
    width: 200px;
    /* height: 405px; */
}

.MJ_Init {
    /* border: solid yellow; */
}


/* The_Shot */
.The_Shot {
    border-radius: 20px;
}



/* VIDEOS (Select)*/
.mjVideos {
    border: solid 1.5px red;
    /* border-top: none; */
    border-radius: 10px;
    background-color: black;
    color: gray;
    /* font-weight: bold; */
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;

    /* width: 80px; */
}

/* SITES (Select) */
.mjSites {
    display: flex;
    flex-direction: column;
    width: 565px;

}

.Top_Vid_Container {
    display: flex;
    flex-direction: row;   
    /* width: 100%;  */
    /* justify-content: center; */
    /* align-items: center;  */
    border-radius: 10px; 
    /* border: solid yellow; */
}



.statsCont {
    display: flex;
    flex-direction: column;
    align-items: center;


    /* border: solid yellow; */
}

/* JUMPMAN */
.jumpman {    
    
    position: fixed;
    right: 10px;
    bottom: 10px;
    border-radius: 20%;      
  }   

  .jumpmanLOGO {
      border-radius: 15px;
  }

.baskRef {
    border-radius: 20px;
}

.VIDEO {
    /* border: solid yellow 2px; */
    border-radius: 20px;
    border: solid 5px gray;
    /* position: fixed; */
    /* right: 100px; */
}

.animGif {
    display: none;
    height: 100px;
    position: fixed;
    top: 10px;
    right: 10px;
    border-radius: 10px;
}

.animGifNav {
    height: 100px;
    border-radius: 10px;
}

.mjCollage, .uMadPic {
    width: 50%;
    border-radius: 20px;               
}

.historicStats {
    display: flex;
    flex-direction: column;
    /* align-content: center; */
    align-items: center;
    background-image: url("images/_BG_Historic_Stats/ezgif.com-webp-to-png.png");
    background-repeat: no-repeat;
    background-color: red;
    width: 480px;
    height: 268px;
    border-radius: 20px;
}

.historicStatsPPG {
    color: red;
    background-color: black;
    padding: 10px;
    border-radius: 20px;
}

.historicStatsTitle {
    background-color: black;
    padding: 10px;
    border-radius: 20px;
    color: gray;
}

span {
    color: orange;
}

.MJPlayGrnd {
    /* position: absolute; */
    /* top: 800px; */
    /* left: 0px; */
    width: 300px;
    border-radius: 20px;
    border: 5px solid gray;
    border-bottom: 17px solid gray;
}

.SuperMJ {
    position: absolute;
    top: 850px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
}

.sportsNAV {
    border-radius: 10px;
    /* margin-right: -2px; */
}

iframe {
    width: 100%;
}

.iframeBtm {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    /* border: orangered solid; */
    border: gray solid;

    width: 300px;
    height: 300px;
}

.go2Vidsbutton {
    height: 45px;
}

.barkleyH3 {
    color: silver;
    width: 300px;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: none;
    border-radius: 0px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-bottom: 0px;
    text-align: center;
}

.pauseALL {
    position: fixed;
    top: 10px;
    left: 200px;
}

.tenRWtG {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 300px;
    border-bottom-left-radius: 10px;
}

#trwmjigMQID {
    display: none;
}

.MJ_Init {
    position: fixed;
    top: 10px;
    left: 300px;

    border: solid rgb(100, 66, 1);
    padding: 5px;
    border-radius: 10px;
}

.GREATNESS {
    width: 100%;
}

.GreatnessVid {
    width: 100%;
    height: 485px;
}

#GreatnessVID {
    display: none;
}

.GreatnessIMG {
    width: 100%;
    /* height: auto; */
}

.GREATNESS {
    text-align: center;
}

.GrtnsPlayBtn {
    border-radius: 16px;
    background-color: rgb(206, 8, 8);
    color: black;
    width: 90px;
    font-size: 25px;
    border: none;
    border-bottom: rgb(65, 63, 63) solid 7px;
    /* border-bottom: yellow solid 5px; */
    padding: 6px;
}


/* .GrtnsPlayBtn_2 {
    position: inherit;
    top: 0px;
    border-radius: 20px;
    background-color: rgb(0, 0, 0, 0.7);
    color: silver;
    width: 90px;
    font-size: 30px;
    border: none;
    padding: 10px;
} */
/* *******  MEDEA QUERY  1 ************************************************************ MEDEA QUERY 1 ************************************************************************************ */
@media only screen and (max-width: 600px) {

    body {
        background-image: url();
    }
    
    nav {
        display: flex;
        flex-direction: row;
        align-items: center;
        
        top: 3px;
        left: 2px;
    }

    .hmBtn2 {
        margin-left: 10px;
    }

    .SuperMJ {
        height: 220px;
        position: absolute;
        top: 340px;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
    }


    .animGifNav, .tenRWtG {
        display: none;
    }


    /* TITLE DIV Cont */
    .Title_DIV_Cont {
        width: 100%;
        height: 270px;
    }

    .mjSites {
        width: 100%;
    }
    
    .Top_Vid_Container {
        overflow: scroll;
        width: 100%;
    }

    VIDEO {
        width: 400px;
    }

    .jumpmanLOGO {
        width: 50px;
    }   

    
    .baskRef {
        width: 100%;        
    }

    
    /* U-MAD / COLLAGE */
    .mjCollage, .uMadPic, .historicStats {
        width: 90%; 
        border-radius: 20px;               
    }
    
    .statsCont {
        text-align: center;
    }

    

    .The_Shot {
        width: 100%;
    }

    .videosGoTobtn {
        top: 5px;
        left: auto;
        right: 5px;
        border: solid gray 1px;
    }

    .goatIMG {
        width: 100%;;
    }

    #trwmjigMQID {
        display: block;
    }

    .shot98 {
        width: 100%;
    }

    .MJ_Init {
        top: 265px;
        left: 10px;    
        color: gray;
        border: solid rgb(51, 51, 51) 1.7px;
        padding: 5px;
        border-radius: 10px;
    }
    
}

/* *******  MEDEA QUERY  2 ************************************************************ MEDEA QUERY 2 ************************************************************************************ */

/* @media only screen and (max-width: 1440px) {
    
    .VIDEO {
        position: inherit;
        height: 240px;
        margin-top: 85px;
        width: 100%;
    }

    .The_Shot {
        width: 100%;
    }

} */