* {
  margin: 0;
}

:root {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  text-shadow: 2px 2px 8px black;
  color: white;
}

html {
  background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTtcA8v-TcIeJpAd3LKt8PsFE-WWRk6em2hrQ&usqp=CAU),
    linear-gradient(pink, violet);
  background-size: 3rem 6rem, 100dvh 100dvw;
  background-blend-mode: darken, darken;
  background-color: pink;
  min-width: 100dvh;
}
.logo {
  &::before {
    content: 'gay';
  }
  &::after {
    content: 'gay';
  }
}
.WTF {
  display: grid;
  background-color: rgba(0, 0, 0, 0.404);
  grid-template-columns: 1fr 1fr;
}
.WTF > * {
  background-color: inherit;
  border: 2px inset black;
  padding: 10px;
}
footer {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: brown;
  width: 100dvw;
}
.beastaffirmations {
  max-width: 60ch;
  margin: auto;
}