body {
  background-color: #BADDAD;
  color: black;
  font-family: 'LDFComicSans';
  text-align: center;
  font-size:14px;
  background-image: url(/indexgraphics/stuff/clouds.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
}

.flex {
  display:flex;
  justify-content:center;
}

.container {
  overflow: hidden;
}

#ALL,
#ACTION,
#ACTION-ADVENTURE,
#ADVENTURE,
#MUSIC,
#PUZZLE,
#ROLE-PLAYING,
#SIMULATION,
#STRATEGY,
#VISUALNOVEL{
display: none;
}

#ALL.active,
#ACTION.active,
#ACTION-ADVENTURE.active,
#ADVENTURE.active,
#MUSIC.active,
#PUZZLE.active,
#ROLE-PLAYING.active,
#SIMULATION.active,
#STRATEGY.active,
#VISUALNOVEL.active{
display: block;
}

.button {
  background-color: #baddad;
  cursor: pointer;
  font-family: 'LDFComicSans';
  box-shadow: 3px 4px 0px 0px rgba(88,117,78,1);
}
.button.active {
  background-color: #00994d;
  color: white;}
.button:hover {
  background-color: #facade;
  color: red;
}
aside {
  border:2px solid black;
  background-color:#BADDAD;
  margin:5px;
  width:100%;
  padding:5px;
  box-shadow: 7px 8px 0px 0px rgba(88,117,78,1);
}