/*
 * Globals
 */
/*
 * Base structure
 */
body {
  color: #fff;
  background-color: #000;
  text-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, 0.5);
  font-family: "DM Serif Display", "Times New Roman", Times, serif; }

.cover-container {
  background-image: url("../img/moon-bg.webp");
  background-position: 80% 90%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative; }

blockquote p {
  font-size: 35px;
  line-height: 51px;
  width: 17em; }
  blockquote p::before {
    content: '\201C'; }
  blockquote p::after {
    content: '\201D'; }
  @media (max-width: 600px) {
    blockquote p {
      font-size: 18px;
      line-height: 1.5; } }

figcaption {
  color: #A3A3A3;
  font-size: 17px; }
  @media (max-width: 600px) {
    figcaption {
      font-size: 12px; } }

h3,
footer p {
  color: #000; }