.grid{
  left: 7%;

  border:none;
  /*box-shadow: 10px 10px 20px 10px #00000040;*/
  background-color: ;
}

.button{
  background: #FFF;
  font-size: 18px;
  box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  font-family: 'Arima Madurai', cursive;
}

.button:active {
  box-shadow: inset 0 1px 10px hsla(7, 0%, 0%, 0.8);
  background: #27813F; /*GREEN COLOR*/
}

.button:active,
.button.is-checked {
  background-color: #27813F; /*GREEN COLOR*/
}


.button-group .button {
  border-radius: 0px ;
  margin-left: 5px;
  margin-right: 5px;
}

.button:hover {
  background-color: #ddc304;  /*yELLOW COLOR*/
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #white;
}

.element-item img{
  margin-top: 20px;
}

.element-item:hover img {
  transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  transition: transform .6s; /* Animation */
}