body {
font-family:Times New Roman;
background-image: url("paperbg.jpg");
color:black;
font-size:17px;
overflow:auto;
}

marquee {
font-size:25px;
width:500px;
}

.rainbow-text {
 -webkit-animation: rainbow 5s infinite;
 font-weight:bold;
}

@-webkit-keyframes rainbow{
  0%{color: orange;}  
  10%{color: purple;} 
  20%{color: red;}
  30%{color: CadetBlue;}
  40%{color: yellow;}
  50%{color: coral;}
  60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
  100%{color: orange;}
}


#listdiv {
text-align:left;
display: grid;
justify-content: center;
}

#joeydiv {
 vertical-align: top;
 display: inline-block;
 position:absolute;
 left: 75%;
 top: 15%;
}



@media screen and (max-width: 481px) {
  .show-on-desktop {
    display: none;
  }
.hide-on-mobile {
    display: none;
  }
 marquee {
font-size:25px;
width:100%;
behavior:alternate;
 }
 #joeydiv {
 position:absolute;
 left:500px;
 top:130px;
 }
#jojo {
width:100px;
}
#IMG {
width:70%;
}


}

@media screen and (min-width: 482px) {
#IMG {
width:40%;
}
  .hide-on-desktop {
    display: none;
  }
#jojodiv{
position:absolute;
right:0;
margin-right:20px;
}

 #rust {
 vertical-align: top;
 display: inline-block;
 position:absolute;
 left: 75%;
 top: 15%;
 }
#jojo {
margin-right:20px;
}
#jojodiv {
width:200px;
}
}


#danpicsL {
width:20%;
}

#danpicsW {
width:35.5%;
}

#IMG {
display:block;
    margin:auto;
}

@media screen and (min-width: 1000px) {
.embedyoutube{
position:absolute;
 left:50px;
 top:130px;
align-content:center;
}
}