body {
  background-image: url('https://evelly.neocities.org/backgrounds/concrete.JPG');
  background-size: 25%;
}

#row {
  display: flex;
}

#row a {
  color: #ff00ff;
  font-size: 50px;
}

/*The grid: Four equal columns that floats next to each other */

#collumn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  margin: 2.5%;
  height: auto;
  text-align: center;
}

#collumn a {
  position: absolute;
  background-color: white;
}

#collumn img {
  display: inline;
  max-width: 100%;
}

#art:hover {
  transform: rotate(-10deg)
}
#lib:hover {
  transform: rotate(20deg)
}
#muse:hover {
  transform: rotate(5deg)
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 700px) {
  #row {
    display: block;
  }
}