:root {
  color-scheme: light dark;
}
body {
  background-color: light-dark(white, black);
  font-family: verdana;
  text-align: center;
  overflow-x: hidden;
}
a {
  text-decoration: underline;
  color: light-dark(black, white);
}
.wrapper {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  grid-gap: 1em;
}
.wrapper > div {
  border: solid;
  padding: 1em;
}
@media only screen and (max-device-width: 768px) {
  .wrapper {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 768px) {
  .wrapper {
    grid-template-columns: 1fr;
  }
}