body {
  background-image: url("https://i5.glitter-graphics.org/pub/2758/2758715fd4ttnr4sv.png");
}

.box {
  max-width: 1000px;
  display: grid;
  gap: 5px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Audiowide";
}

@font-face {
  font-family: Audiowide;
  src: url("https://nocturnecreature.neocities.org/Audiowide/Audiowide-Regular.ttf");
}

a {
  color: blue;
}

a:hover {
  color: black;
  background-color:blue;
}

nav {
  border: 2px solid blue;
  color: blue;
  background-image: linear-gradient(to top, black, #1f1861);
  text-align: center;
  box-shadow: 5px 2px blue;
  grid-column: 1 / 3;
}

main {
  border: 2px solid blue;
  color: white;
  background-image: linear-gradient(to top, black, #1f1861);
  text-align: center;
  box-shadow: 5px 2px blue;
  grid-column: 1 / 3;
}

h1 {
  text-shadow: 3px 2px blue;
}
.kalypso {
  height: auto;
  width: 200px;
}

.kalypso:hover {
  height: auto;
  width: 220px;
  transform: rotate(5deg);
  transition: all, 1s;
}