body {
     background-image:url(bg/joy.gif);
     background-repeat:no-repeat;
     background-attachment:fixed;
     background-position:bottom;
     background-size:100%;
     color:#ff6699;
}

a { 
  font-size: 1em;
  letter-height: 1.5;
  text-align: left;
  /*margin-left: 10%;*/
}
a:link{
   color:#ff6699;
}
a:visited{
   color:#ffb6c1;
}


ul{
   padding: 0;
   list-style: none;
   background-color:white;
   
}

li{
   padding: 0;
   margin-left: 30%;
   /*margin-left: 0%;*/
   list-style: none;
    background-color:white;
}

#main{
 font-size: 1em;
 letter-height: 1.5;
 color: black;
 background-color:rgba( 255, 250, 205, 0.95 );
 text-align: left;
 margin:5% 25% 20% 25%;
 padding: 3% ;
}
@media screen and (max-width: 1024px) {
#main{
 margin:0%;
 padding: 5% 20% 5% 20%;
  background-color:#fffacd;
}
}

@media screen and (max-width: 480px) {
#main{
 margin:0%;
 padding: 5% 20% 5% 20%;
  background-color:#fffacd;
}
}