body {
  font-family: "Griffy";
  text-align: center;
  background-image: url("Images/placeholder.png");
  background-repeat:no-repeat;
  background-size: cover;
    }
    
  @font-face {
  font-family: 'pixieMoon';
  src: url('PixieMoon.ttf')
}

h1{
font-size:100px;
letter-spacing:1px;
font-family: "Griffy";
}

@font-face {
  font-family: 'Griffy';
  src: url('Griffy-Regular.ttf')
}

.clown {
  float: left;
  text-align: center;
  font-family: "Comic Sans MS";
  padding: 3px;
  border: 2px solid black;
  background-image: url("Images/announcement.gif");
  background-repeat: no-repeat;
  background-size: cover;
}

#Miku {
  display: inline-block;
  height:170px;
  width:200px;
  border: 5px solid #2ae8c5;
  padding: 5px;
}

#Rin {
  display: inline-block;
  height:170px;
  width:200px;
  border: 5px solid #f7c948;
  padding: 5px;
}

#Len {
  display: inline-block;
  height:170px;
  width:200px;
  border: 5px solid #ffff6e;
  padding: 5px;
}

#Luka {
  display: inline-block;
  height:170px;
  width:200px;
  border: 5px solid #fc88a5;
  padding: 5px;
}

#KAITO {
  display: inline-block;
  height:170px;
  width:200px;
  border: 5px solid #6b67db;
  padding: 5px;
}

#Gakupo {
  display: inline-block;
  height:170px;
  width:200px;
  border: 5px solid #ae47e6;
  padding: 5px;
}

#MEIKO {
  display: inline-block;
  height:170px;
  width:200px;
  border: 5px solid #c91212;
  padding: 5px;
}

#Gumi {
  display: inline-block;
  height:170px;
  width:200px;
  border: 5px solid #c0eb63;
  padding: 5px;
}

#Ia {
  display: inline-block;
  height:170px;
  width:200px;
  border: 5px solid #facadb;
  padding: 5px;
}

#Fukase {
  display: inline-block;
  height:170px;
  width:200px;
  border: 5px solid #f73939;
  padding: 5px;
}

#vFlower {
  display: inline-block;
  height:170px;
  width:200px;
  border: 5px solid #9a28bd;
  padding: 5px;
}

#Oliver {
  display: inline-block;
  height:170px;
  width:200px;
  border: 5px solid #d9c88f;
  padding: 5px;
}

#Piko {
  display: inline-block;
  height:170px;
  width:200px;
  border: 5px solid #66d9d1;
  padding: 5px;
}

#Teto {
  display: inline-block;
  height:170px;
  width:200px;
  border: 5px solid #fc4c84;
  padding: 5px;
}

#Neru {
  display: inline-block;
  height:170px;
  width:200px;
  border: 5px solid #fae04d;
  padding: 5px;
}

#KAFU {
  display: inline-block;
  height:170px;
  width:200px;
  border: 5px solid #6b67db;
  padding: 5px;
}

.buttons {
display:inline-block
}