@media (width >= 40em) {
  body { width: 49vw; }

  #col1 {
    text-shadow: 50vw -100vh 1px gray;
  }
}

@media (width >= 60em) {
  body { width: 32.33vw; }
  #col1 {
    text-shadow: 33.33vw -100vh 1px gray, 66.66vw -200vh 1px gray;
  }
}

@media (width >= 80em) {
  body { width: 24vw; }
  #col1 {
    text-shadow: 25vw -100vh 1px gray, 50vw -200vh 1px gray, 75vw -300vh 1px gray;
  }
}

@media (width >= 100em) {
  body { width: 19vw; }
  #col1 {
    text-shadow: 20vw -100vh 1px gray, 40vw -200vh 1px gray, 60vw -300vh 1px gray, 80vw -400vh 1px gray;
  }
}

body {
  margin: 0;
  body { width: 99vw; }
}

#col1 {
  display: block;
  text-align: right;
}

a {
  color: black;
  text-decoration: none;
  &:hover {
    text-decoration: underline;
  }
}

@media (prefers-color-scheme: dark) {
  body { background-color: black; }
  a { color: silver; }
}