/* html {
  background-color: yellow;
  font-family: helvetica;
} */

.title { /* Best practice to use class instead of element selector */
  font-weight: normal;
  text-align: center;
  color: #356245;
  margin-bottom: 2rem; /* Margin is more appropriate than padding because you are "pushing" the other elements down */
}

.flex-center { /* Easy centering container */
	display: flex; /* Flex it */
	justify-content: center; /* Then center it */
}

.button {
   transition:all .25s ease-in-out;
   -moz-transition:all .25s ease-in-out;
   -webkit-transition:all .25s ease-in-out;

  /* opacity:.5; */
	margin: 0 .2rem; /* Adds a little space on the sides */
}

.button:hover {
	opacity:1;
  transform: translate(0px, -10px); /* Standard way of moving/animating blocks */
	/* box-shadow:  0px 3px 6px 1px rgba(0, 0, 0, .5); */
	/* -webkit-box-shadow:  0px 3px 10px 2px rgba(0, 0, 0, .5); */
}

.button img {
	display: block; /* Removes small gap under images */
}