.bigbutton{
  height: 300px;
  display: inline-block;
  position: relative;
  filter: saturate(30%) brightness(70%);
  transition: 1s;
  margin-left: -30px;
}

.bigbutton:hover{
  height: 300px;
  float: left;
  position: relative;
  transform: scale(1.1);
  filter: saturate(70%) brightness(90%);
  transition: 1s;
}

.bigButtonBox{
  width: 300px;
  height: 300px;
  overflow: hidden;
  position: relative;
  padding: 5px;
  display: inline-block;
}

#ococo, #dot{
  color: black;
  text-align: center;
  font-size: 30px;
}

#ococo{
  background-image: url('/img/tatsugiri.jpg');
  background-size: cover;
  filter: saturate(70%) brightness(90%);
  transition: 1s;
  z-index: 1;
}

#ococo:hover{
  transform: scale(1.1);
  filter: saturate(100%) brightness(100%);
  transition: 1s;
  z-index: 10;
  
}

#dot{
  background-image: url('/img/oc/amimami.png');
  background-size: cover;
  filter: saturate(70%) brightness(90%);
  transition: 1s;
  z-index: 1;
}

#dot:hover{
  transform: scale(1.1);
  filter: saturate(100%) brightness(100%);
  transition: 1s;
  z-index: 10;
  
}