/* Base font and body styling */
      body {
        font-family: 'monospace', sans-serif;
        background-color: #000000;
        color: #E0E0E0;
        margin: 0 auto;
        padding: 40px 20px;
        line-height: 1.6;
        max-width: 800px;
      }
      
      /* Headings with gentle color and fade-in */
      h1, h2 {
        font-family: 'garamond', serif;
        color: #000000; 
        text-align: center;
        opacity: 0;
        animation: fadeIn 1.2s forwards;
      }
      
      /* Fade-in keyframes */
      @keyframes fadeIn {
        to { opacity: 1; }
      }
      
      /* Navigation bar */
      nav {
        text-align: center;
        margin-bottom: 20px;
      }
      nav a {
        margin: 0 10px;
        font-weight: 600;
        color: #FFC07F; /* soft gold */
        text-decoration: none;
        transition: background 0.2s, border-radius 0.2s, padding 0.2s;
      }
      nav a:hover {
        background-color: rgba(255, 192, 127, 0.2);
        border-radius: 6px;
        padding: 2px 6px;
      }
      
      /* Paragraphs */
      p {
        max-width: 700px;
        margin: 0 auto 1em auto;
        text-align: center;
      }
      
      /* Form container */
      form {
        max-width: 700px;
        margin: 20px auto;
      }
      
      /* Textarea and input fields */
      textarea, input {
        width: 100%;
        padding: 12px;
        border: 2px solid #444;
        border-radius: 8px;
        background-color: #000000;
        color: #E0E0E0;
        font-family: garamond;
        box-sizing: border-box;
        resize: none;
      }
      
      /* Submit button */
      button {
        color: white;
        font-family: 'garamond';
        opacity: 0.5;
        padding: 12px 24px;
        border: 1px;
        border-radius: 8px;
        cursor: pointer;
        font-size: 1.1em;
        margin-top: 10px;
        transition: background 0.2s;
      }
      button:hover {
        background-color: #666667;
      }
      
      /* Responsive adjustments */
      @media (max-width: 600px) {
        body { padding: 10px; }
        h1 { font-size: 2em; }
        nav a { display: block; margin: 6px 0; }
      }