/* Plain CSS, no Tailwind directives */



body.theme{
background-color:#000;color:#fff;font-family:source-sans-pro;
  .xl-title      { font-weight:700; letter-spacing:-0.01em; line-height:.9; font-size:35px; }
  @media (min-width:768px){   /* md */
    .xl-title    { font-size:50px; }
  }
  @media (min-width:1024px){   /* md */
    .xl-title    { font-size:70px; }
  }
  @media (min-width:1280px){  /* xl */
    .xl-title    { font-size:90px; }
  }

  .lg-title      { font-weight:700; letter-spacing:-0.01em; line-height:.9; font-size:28px; }
  @media (min-width:768px){ .lg-title { font-size:35px; } }
  @media (min-width:1280px){ .lg-title { font-size:70px; } }

  .default-title { font-weight:700; letter-spacing:0;     line-height:1.1; font-size:26px; }
  @media (min-width:768px){ .default-title { font-size:35px; } }
  @media (min-width:1280px){ .default-title { font-size:50px; } }

  .sm-title      { font-weight:600; letter-spacing:0;     line-height:1.2; font-size:24px; }
  @media (min-width:768px){ .sm-title { font-size:21px; } }
  @media (min-width:1280px){ .sm-title { font-size:35px; } }

  /* Paragraphs */
  .p    { font-size:16px; line-height:1.6; font-weight:400; letter-spacing:0; }
  .p-lg { font-size:18px; line-height:1.6; font-weight:400; letter-spacing:0; }
  .p-sm { font-size:14px; line-height:1.5; font-weight:400; letter-spacing:0; }

  hr {
    border-top: 1px solid #6e6e6e;
  }
}