@import url('https://fonts.googleapis.com/css2?family=Cousine&display=swap');

body {
  background-color: black;
  color: white;
  font-family: "Cousine", monospace;
  font-size: 16px;
}

#scroll {
  margin-top: 2em;
}

#logo {
  width: min(60vw, 30em);
  height: auto;
  -webkit-transition: width 1s;
  transition: width 1s;
}  

#logo:hover {
  width: calc(1.15*min(60vw, 30em));
}

#logodiv {
  grid-row: 1;
  grid-column: 1 / span 2;
}

img {
  height: min(30vw, 20em);
}

#pics {
  margin: 5vw;
  margin-top: 2em;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0px;
  justify-items: center;
  align-items: center;
}

#cauldron {
  grid-row: 2;
  grid-column: 1;
}

#cow {
  grid-row: 3;
  grid-column: 2;
}

#cursor {
  grid-row: 4;
  grid-column: 1;
}

#flask {
  grid-row: 5;
  grid-column: 2;
}

#frog {
  grid-row: 6;
  grid-column: 1;
}