body
{
  padding: none; 
  margin: 0 auto;
  background-color: #00239b;
background-size: cover;
overflow: auto;

    
}

.gameimage
{
 width: 450px;
}
@media only screen and (max-width: 450px) {
.gameimage
{
 width: 350px;
}
}
@media only screen and (max-width: 450px) {
.gameimage
{
 width: 300px;
}
}

.gamevid
{
 width: 560px;
height: 315px;
}
@media only screen and (max-width: 560px) {
.gamevid
{
 width: 450px;
 height: 254px;
}
}
@media only screen and (max-width: 450px) {
.gamevid
{
 width: 400px;
 height: 225px;
}
}
@media only screen and (max-width: 400px) {
.gamevid
{
 width: 300px;
 height: 169px;
}
}



.menu_x{
    display: inline-block;
    position:  absolute;
    top: 0px;
    right: 0px;
    width: 120px;
    top: 0px;
    padding:none;
    z-index: 500;
}
@media only screen and (max-width: 500px) {
 .menu_x{
    display: inline-block;
    position: absolute;
    width: 80px;
    top: 0px;
    padding:0px;
    z-index: 100;
}
}

.menu_z{
    display: inline-block;
    position:  absolute;
    top: 0px;
    right: 0px;
    width: 55px;
    top: 0px;
    padding:20px;
    z-index: 500;
}
@media only screen and (max-width: 500px) {
 .menu_z{
    display: inline-block;
    position: absolute;
    width: 25px;
    top: 0px;
    padding:20px;
    z-index: 100;
}
}

.x_out{
    display: inline-block;
    position:  absolute;
    left: 92%;
    width: 5%;
    padding-top: 50px;
    padding-left: none;
    padding-right: none;
    z-index: 100;
}
#container_x
{
   height: 250%;
   width: 100%;
   top: 0%;
  /* margin-top: -50%;*/
 background: url(images/menubkg.png);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: fixed;
  padding: none;
  margin: none;
  z-index: 400; 
  display: none;
  -webkit-transform: translate3d(0, 0, 0);
    data-offset-top:"121";
     data-spy: "affix";
         font-size: 500%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      white-space: nowrap;
      overflow: scroll;
   
}
#container_game
{
   height: 250%;
   width: 100%;
   top: 0%;
  /* margin-top: -50%;*/
 background: url(images/menubkg.png);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: fixed;
  padding: none;
  margin: none;
  z-index: 400; 
  -webkit-transform: translate3d(0, 0, 0);
    data-offset-top:"121";
     data-spy: "affix";
         font-size: 500%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      white-space: nowrap;
      overflow-y: scroll;
   
}
.menu{
    display: inline-block;
    position: absolute;
    width: 120px;
    top: 0px;
    padding:0px;
    z-index: 100;
}
@media only screen and (max-width: 500px) {
 .menu{
    display: inline-block;
    position: absolute;
    width: 80px;
    top: 0px;
    padding:0px;
    z-index: 100;
}
}
@media only screen and (max-width: 350px) {
 .menu{
    display: inline-block;
    position: absolute;
    width: 60px;
    top: 10px;
    right: 15px;
    padding:0px;
    z-index: 100;
}
}

#video-background {
/*  making the video fullscreen  */
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}

.icon{
 max-height: 50px;
}
.sicon{
 max-height: 25px;
}
.symbol{
 max-height: 40px;
}



/* Start http://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/cursors/cur-13/cur1155.ani), url(http://ani.cursors-4u.net/cursors/cur-13/cur1155.png), auto !important;} /* End http://www.cursors-4u.com */



a:link {
    color: #edff00;
    text-decoration: none;
}

/* visited link */
a:visited {
    color:  #58ff00;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color:  #dd1307;
    text-decoration: none;
}

/* selected link */
a:active {
    color:  #dd1307;
    text-decoration: none;
}

a.ha:link {
    color: #cc99ff;
    text-decoration: none;
}

/* visited link */
a.ha:visited {
 
    color: #cc99ff;
    text-decoration: none;
}

/* mouse over link */
a.ha:hover {
    color:  #33ffcc;
    text-decoration: none;
}

/* selected link */
a.ha:active {
    color:  #33ffcc;
    text-decoration: none;
}


a.nav:link {
    color: #FFFFFF;
    text-decoration: none;
}

/* visited link */
a.nav:visited {
    color: #FFFFFF;
    text-decoration: none;
}

/* mouse over link */
a.nav:hover {
    color: #ff3cc6;
    text-decoration: none;
}

/* selected link */
a.nav:active {
    color: #ff3cc6;
    text-decoration: none;
}
.lena{
    
    position: relative;
left: 25px;
    padding-top:10px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
    font-size: 450%;
       

}
@media only screen and (max-width: 500px) {
 .lena{
    position: relative;
left: 25px;
    padding-top:10px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
    font-size: 350%;


}
}
   
.title{
    position: relative;
    left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 120%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
    
}


.ambjaay{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.ambjaay:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #002aff;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.amb{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}

.party{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.party:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #002aff;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.pnd{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.local{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.local:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #002aff;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.natives{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.mac{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.mac:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #002aff;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.callan{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.diz{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.diz:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #002aff;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.ney{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.aoki{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.aoki:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #edff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.steve{
    position: relative;
    left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
     display: none; 
    
}
.travis{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
    font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.travis:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #58ff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.barker{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
     display: none; 
    
}
.xxxtentacion{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.xxxtentacion:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #002aff;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}

.skye{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
    display: none;
}
.fever{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.fever:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #edff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}

.three{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
      word-wrap: break-word;
      width: 450px;
    
}
.theused{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.theused:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #58ff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.used{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 125%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}

.nike{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.nike:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #002aff;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.finishline{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.nikel{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.nikel:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #58ff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.luca{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.wiz{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.wiz:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #edff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.khalifa{
    position: relative;
    left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
     display: none; 
    
}
.rozwell{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
    font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.rozwell:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #58ff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.roz{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
     display: none; 
    
}
.kodak{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.kodak:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #002aff;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}

.black{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
    display: none;
}
.dani{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.dani:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #edff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}

.leigh{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
      word-wrap: break-word;
      width: 450px;
    
}
.saint{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.saint:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #58ff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.jhn{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 125%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.hitboy{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.hitboy:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #002aff;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.hit{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.mtv{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.mtv:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #edff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.music{
    position: relative;
    left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
     display: none; 
    
}
.moschino{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
    font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.moschino:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #58ff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.moschi{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
     display: none; 
    
}
.versace{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
    font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.versace:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #edff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.vers{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
     display: none; 
    
}
.jeremy{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.jeremy:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #002aff;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}

.scott{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
    display: none;
}
.nyfw{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.nyfw:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #edff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}

.ny{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
      word-wrap: break-word;
      width: 450px;
    
}
.calvin{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.calvin:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #58ff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.harris{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 125%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}

.boys{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.boys:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #002aff;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.noize{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.dillon{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.dillon:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #edff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.francis{
    position: relative;
    left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
     display: none; 
    
}
.diplo{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
    font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.diplo:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #58ff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.dip{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
     display: none; 
    
}
.destructo{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.destructo:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #002aff;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}

.dest{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
    display: none;
}
.skrillex{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.skrillex:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #edff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}

.skrill{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
      word-wrap: break-word;
      width: 450px;
    
}
.exo{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.exo:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #58ff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}
.ex{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 125%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}

.rolling{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.rolling:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #002aff;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}

.loud{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
    display: none;
}
.hard{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
}
.hard:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #edff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 300%;
  left: 25px;
}

.fest{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 150%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
      word-wrap: break-word;
      width: 450px;
}










.pdf{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color:#ff3cc6;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 100%;
}
@media only screen and (max-width: 460px) {
 .pdf{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color:#ff3cc6;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 85%;
}
}


.back{
    position: relative;
    padding:10px;
    left: 90%;
    margin-left: 35%;
    z-index: 100;
    color:#ff3cc6;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 200%;
}


.press{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #ff3cc6;
      font-family:  Helvetica, Arial, sans-serif;
}
.press:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #cc99ff;
    font-family:  Helvetica, Arial, sans-serif;

}

.pre{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
    font-weight: normal;
    font-family:  Helvetica, Arial, sans-serif;
    display: none;
    font-size: 70%;
    
}
.awards{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #ff3cc6;
     font-family:  Helvetica, Arial, sans-serif;
}
.awards:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #cc99ff;
    font-family:  Helvetica, Arial, sans-serif;

}

.aw{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
    font-weight: normal;
    font-family:  Helvetica, Arial, sans-serif;
    display: none;
    font-size: 70%;
    
}
.shows{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #ff3cc6;
    font-family:  Helvetica, Arial, sans-serif;
}
.shows:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #cc99ff;
    font-family:  Helvetica, Arial, sans-serif;
}
.sho{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
    font-weight: normal;
    font-family:  Helvetica, Arial, sans-serif;
    display: none;
    font-size: 70%;
}
.gamelab{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #ff3cc6;
    font-family:  Helvetica, Arial, sans-serif;
}
.gamelab:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #33ffcc;
    font-family:  Helvetica, Arial, sans-serif;
}
.lab{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
    font-weight: normal;
    font-family:  Helvetica, Arial, sans-serif;
    display: none;
    font-size: 70%;     
}
.nightmare{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #ff3cc6;
    font-family:  Helvetica, Arial, sans-serif;
}
.nightmare:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #cc99ff;
    font-family:  Helvetica, Arial, sans-serif;
}
.night{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
    font-weight: normal;
    font-family:  Helvetica, Arial, sans-serif;
    display: none;
    font-size: 70%;     
}
.viral{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #ff3cc6;
    font-family:  Helvetica, Arial, sans-serif;
}
.viral:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #cc99ff;
    font-family:  Helvetica, Arial, sans-serif;
}
.vi{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
    font-weight: normal;
    font-family:  Helvetica, Arial, sans-serif;
    display: none;
    font-size: 70%;     
}
.fuck{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #ff3cc6;
    font-family:  Helvetica, Arial, sans-serif;
}
.fuck:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #cc99ff;
    font-family:  Helvetica, Arial, sans-serif;
}
.fe{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
    font-weight: normal;
    font-family:  Helvetica, Arial, sans-serif;
    display: none;
    font-size: 70%;     
}
.watchviral:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #cc99ff;
    font-family:  Helvetica, Arial, sans-serif;
}
.watchviral{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #33ffcc;
    font-family:  Helvetica, Arial, sans-serif;
}
.watchvi{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
    font-weight: normal;
    font-family:  Helvetica, Arial, sans-serif;
    display: none;
}
.watchfuck{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #33ffcc;
    font-family:  Helvetica, Arial, sans-serif;
}
.watchfuck:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #cc99ff;
    font-family:  Helvetica, Arial, sans-serif;
}
.watchfe{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
    font-weight: normal;
    font-family:  Helvetica, Arial, sans-serif;
    display: none;
}
.watchnmt{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #33ffcc;
    font-family:  Helvetica, Arial, sans-serif;
}
.watchnmt:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #cc99ff;
    font-family:  Helvetica, Arial, sans-serif;
}
.nmt{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
    font-weight: normal;
    font-family:  Helvetica, Arial, sans-serif;
    display: none;
}
.viralimg
{
 left: 100px;
}

.interview{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #cc99ff;
    font-family:  Helvetica, Arial, sans-serif;
}
.interview:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #33ffcc;
    font-family:  Helvetica, Arial, sans-serif;
}
.inter{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
    font-weight: normal;
    font-family:  Helvetica, Arial, sans-serif;
    display: none;
}
.webban{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #cc99ff;
    font-family:  Helvetica, Arial, sans-serif;
}
.webban:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #33ffcc;
    font-family:  Helvetica, Arial, sans-serif;
}
.web{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
    font-weight: normal;
    font-family:  Helvetica, Arial, sans-serif;
    display: none;
}

h1{
      position: relative;
      left: 5px;
    padding:0px;
    z-index: 100;
    font-size: 120%;
    
}


.gradient {

  background: linear-gradient(to right,  #edff00 20%, #dd1307 30%, #dd1307 70%,  #edff00 80%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 200% auto;
  animation: textShine 3s ease-in-out infinite;
   background-color: white;

    text-align: center;
    text-decoration: bold;
    color: black;


}

.gradientx {
        position: relative;
left: 15px;
    padding-top:10px;
    z-index: 100;
  background: linear-gradient(to right, #edff00 20%, #002aff 30%, #00ff24 70%, #edff00 80%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 200% auto;
  animation: textShine 3s ease-in-out infinite;
}

@keyframes textShine {
  to {
    background-position: 200%;
  }
}



@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}
@media only screen and (max-width: 500px) {


.ambjaay{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}
.ambjaay:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #002aff;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}
.amb{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 120%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.aoki{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
}
.aoki:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #edff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}
.steve{
    position: relative;
    left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 120%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
     display: none; 
    
}
.travis{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
    font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
}
.travis:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #58ff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}
.barker{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 95%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
     display: none; 
    
}
.xxxtentacion
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
}
.xxxtentacion:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #002aff;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}

.skye{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 110%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
    display: none;
}
.fever{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
}
.fever:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #edff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}

.three{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 160%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
 
    
      
    
}
.theused{
    position: relative;
    padding:0px;
    left: 25px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
}
.theused:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #58ff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}
.used{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 125%;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.shinoda{
    position: relative;
    padding:0px;
    z-index: 100;
    font-size: 250%;
    left: 25px;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
 
}
.shinoda:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #edff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}
.reel{
    position: relative;
    padding:0px;
    z-index: 100;
    font-size: 250%;
    left: 25px;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
    display: inline-block;
 
}
.reel:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #edff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
 display: inline-block;
}
.ree{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 120%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.insta{
    position: relative;
    padding:0px;
    z-index: 100;
    font-size: 250%;
    left: 25px;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
    display: inline-block;
 
}
.insta:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #edff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
    display: inline-block;
}
.mike{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 120%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.saweetie{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}
.saweetie:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #dd1307;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}
.sweet{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 120%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.tm88{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}
.tm88:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:   #edff00;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}
.tm{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 120%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.romy{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}
.romy:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #dd1307;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}
.death{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 120%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.eminem{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}
.eminem:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #002aff;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}
.marshall{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 120%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.lotus{
    position: relative;
    padding:0px;
    z-index: 100;
    color: #FFFFFF;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}
.lotus:hover{
    position: relative;
    padding:0px;
    z-index: 100;
    color:  #dd1307;
      font-family:  Helvetica, Arial, sans-serif;
  font-size: 250%;
  left: 25px;
}
.lil{
    position: relative;
      left: 25px;
    padding:0px;
    z-index: 100;
    font-size: 120%;
    color: #000000;
      font-family:  Helvetica, Arial, sans-serif;
      display: none;
    
}
.icon{
 max-height: 15px;
}
.symbol{
 max-height: 35px;
}

 .spaces{

    display: none;
}

@media only screen and (max-width: 500px) {
 .spaces{
 display: block;
    margin-bottom:15px;
}
}

}