#main_column {
    background: rgba(0, 0, 0, 0.8)
 !important;
    color: #EE82EE;
    font-family: Calibri, sans-serif;
    text-shadow: 0px 1px 2px #000;
}

#body {
    background:
url(https://rpgmaker.net/media/content/users/62248/locker/pixel2790335_1280.png);
 background position: repeat center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

#frame {
    background-color: transparent !important;
}

#game_frame {
background-color: transparent !important;
}

a {
    color: #9370DB;
}

#game_lgo{
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}
#game_lgo:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}


.thumbnail{
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}
.thumbnail:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}








@-webkit-keyframes thumb {
	0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(0.9); }
	100% { -webkit-transform: scale(1); }
}

#game_logo:hover
{
	-webkit-animation-name: thumb;
	-webkit-animation-duration: 200ms;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: 2;
	-webkit-animation-timing-function: linear;
}


div.frame {
    background: none;
    clear: both;
}

div.message div.contents {

     border-left: 0px;

}

#post747970.contents {
	background: rgba(0, 0, 0, 0.8)
}

div.contents.odd {
     background: rgba(0, 0, 0, 0.8)
}

div.pages {

   color: #ffffff; 

}