body.light {
  @apply bg-gray-200;
  @apply text-black;
}

.light a {
  @apply text-gray-900;
  @apply bg-white;
  @apply shadow;
}

.light a:hover,
.light a:focus,
.light a:active {
  @apply bg-blue-400;
  @apply text-white;
}

.light h1,
.light h2 {
  @apply text-gray-800;
}

.light header {
  @apply bg-blue-400;
  @apply shadow-lg;
}

header #name {
  @apply text-white;
}

header #title {
  @apply text-white;
}

.light hr {
  @apply hidden;
}

body.light {
  @apply bg-gray-200;
  @apply text-black;
}

.light a {
  @apply text-gray-900;
  @apply bg-white;
  @apply shadow;
}

.light a:hover,
.light a:focus,
.light a:active {
  @apply bg-blue-400;
  @apply text-white;
}

.light main h1,
.light main h2 {
  @apply text-gray-800;
}

.light header {
  @apply bg-blue-400;
  @apply shadow-lg;
  @apply text-white;
}

.light header #name {
  text-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
}

.light header #title {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
}

.light header #logo {
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06));
}

.light hr {
  @apply hidden;
}

Rewrite text-shadow on header headings
Rewrite text-shadow on header headings
