/* === Global Styles === */
body {
    font-family: 'MedievalSharp', cursive;
    text-align: center;
    padding: 6vw; /* Slightly increased */
    background-color: #f0f0f0;
    color: #222;
    font-size: 1.15rem; /* Slightly larger base font size */
  }
  
  img {
    max-width: 35vw; /* Slightly larger */
    max-height: 220px;
    margin-bottom: 1rem;
  }
  
  h1 {
    font-size: clamp(2.5rem, 6vw, 3.5rem); /* Enlarged slightly */
    margin-bottom: 0.75rem;
  }
  
  p {
    font-size: clamp(1.2rem, 3vw, 1.5rem); /* More readable size */
    margin-bottom: 1.2rem;
  }
  
  /* === Links === */
  a {
    color: #8b0000; /* deep red like hot iron */
    text-decoration: none;
    transition: color 0.3s ease;
  }
  
  a:hover {
    color: #cc5500; /* glowing forge orange */
    text-decoration: underline;
  }
  
  /* === Animations === */
  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }
  
  @keyframes logoPop {
    0%   { transform: scale(0.8); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
  }