@import url("https://fonts.googleapis.com/css2?family=Pacifico");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.el {
  /* background-color: #455f5c; */
  background: linear-gradient(0deg, hsl(173, 16%, 30%), hsl(173, 15%, 45%));
  color: yellow;
  display: grid;
  place-content: center;
}

.header {
  font-family: Pacifico, cursive, Courier, monospace;
  font-size: 3rem;
}

body {
  min-height: 100vh;
  background-image: url("../img/post-it-notes.jpg");
  background-position: top;
  background-repeat: repeat-y;
  background-size: cover;
}

.container {
  margin: 2rem;
  min-height: 300px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(100px, auto);
  gap: 1rem 1rem;
}

.box {
  background-color: bisque;
  color: #444;
  font-size: 0.7rem;
  padding: 0.7rem;
  margin: 0.75rem;
  font-family: Pacifico, cursive, Courier, monospace;
  /* align-content: center; */
  justify-content: center;
  transition: 1s ease;
  min-height: 250px;
}

.box:hover {
  -ms-transform: scale(2); /* IE 9 */
  -webkit-transform: scale(1.1, 2); /* Safari 3-8 */
  transform: scale(1.15, 1.65);
}
@media (max-width: 24em) {
}