@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300&family=Open+Sans:wght@400;600&display=swap');

body {
        background-color: #050505;
        color: #e0e0e0;
        font-family: 'Open Sans', sans-serif;
        margin: 0;
        padding: 0;
        line-height: 1.8;
      }

      .container {
        max-width: 800px;
        margin: 0 auto;
        padding: 40px 20px;
      }

      h1 {
        font-family: 'Merriweather', serif;
        color: #ffffff;
        text-align: center;
        margin-bottom: 40px;
        font-size: 2.5rem;
        border-bottom: 1px solid #333;
        padding-bottom: 20px;
      }

      p {
        margin-bottom: 24px;
        font-size: 1.125rem;
        text-align: justify;
      }

      .highlight {
        color: #ffa500;
        font-style: italic;
      }

      .story-list {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      .story-list li {
        background-color: #111;
        border: 1px solid #333;
        border-radius: 8px;
        margin-bottom: 16px;
        transition: transform 0.2s, border-color 0.2s;
      }

      .story-list li:hover {
        transform: translateY(-2px);
        border-color: #555;
      }

      .story-list a {
        display: block;
        padding: 20px;
        text-decoration: none;
        color: #fff;
        font-weight: 600;
        font-size: 1.2rem;
      }

      .story-list a:hover {
        color: #ffa500;
      }