@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Special+Elite');
/* Base Color Scheme */
    :root {
      --background: #fdfcf9;
      --text: #111;
      --heading: #000;
      --muted: #555;
      --orange-weak: rgba(227, 112, 25, 0.2);
      --orange: rgba(227, 112, 25, 0.8);
    }

    body {
      margin: 0;
      padding: 0;
      background: var(--background);
      color: var(--text);
      font-family: "Source Sans 3", serif;
      line-height: 1.7;
      font-size: 18px;
      background-image: url('/images/bg.webp');
    }

    main {
      max-width: 110ch;
      margin: 0 auto;
      padding: 3rem 1.5rem;
    }

    h1, h2, h3 {
      font-family: "Fjalla One", serif;
      color: var(--heading);
      line-height: 1.3;
      margin-top: 2rem;
      font-weight:500;
      text-transform: uppercase;
    }

    h1 {
      font-size: 3.5rem;
      margin-bottom: 1rem;
      text-align:center;
    }

    h2 {
      font-size: 2rem;
      margin-bottom: 0.75rem;
    }

    h3 {
      font-size: 1.6rem;
      margin-bottom: 0.5rem;
    }

    p {
      margin-bottom: 1.5rem;
      text-align: justify;
      text-wrap: pretty;
    }

    /* Optional: Drop cap first paragraph */
    p.drop-cap::first-letter {
      float: left;
      font-size: 3rem;
      line-height: 1;
      padding-right: 0.1em;
      font-weight: bold;
    }

a {
  color: var(--black);
  text-decoration: none;
      background-color: var(--orange-weak);
}
a:hover {
  color: var(--orange);
  background-color:transparent;
}

header {
  text-align: center;
}
header h1 {
  font-weight:900;
  font-size: 110px;
}

hr {
  border: none;
  border-top: 1px solid #ccc;
  margin: 3rem 0;
}

.centered {
    width:100%;
    text-align: center;
}

input, label, select, option {
    font-family: "Source Sans 3", serif;
    line-height: 1.7;
    font-size: 18px !important;
}

blockquote {
    font-weight: 100;
    font-size: 1.4rem;
    line-height: 1.3;
    width: 85%;
    margin: auto !important;
    display: inline-block;
    font-family: "Special Elite", serif;
    border-left: none;
    text-align: center;
    border-inline-start: none !important;
}

cite {
    line-height: 3;
    text-align: right;
    font-size: 1rem;
    width: 100%;
    display: inline-block;
}

@media (max-width: 600px) {
  body {
    font-size: 17px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }
}