.site-header {
    display: flex;
    justify-content: space-between;
    align-items: top;
    padding: 1rem 2rem;
    color: white;
  }
  
  .logo img {
    height: 50px;
    width: auto;
    cursor: pointer;
  }
  
  .menu-icon {
    font-size: 2.5rem;
    cursor: pointer;
  }
  
  body {
    font-family: "Noticia Text", serif;
    background: #080101;
   
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 32px;
  }


  .Grid{
    display: grid;
    grid-template-columns:auto;
    gap: 40px;
    align-items: start;
    justify-items: center;
  }



  /* Main Container */
  .card-container {
    display: flex;
    flex-direction: column;
    background: #61050c;
    border-radius: 4px;
    border: solid; border-width:4px ; border-color: #4e2300;
    max-width: 500px;
    width: 100%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    background:
    radial-gradient(2px at 75% 100%,#ffb30000 98%,#61050c) 50% calc(100% - 2px)/8px 100% repeat-x,
    radial-gradient(2px at 25% 50% ,rgb(238, 255, 0) 99%,#a0854500 101%) top,bottom/8px 4px repeat-x;

  }
  
  /* Image Section */
  .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex;
  }
  
  /* Content Section */
  .card-content {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  
  .card-content h2 {
    font-size: 1.8rem;
    margin-block-start: 0.3em;
    margin-block-end: 0.3em;
    color:#ffd46f
  }
  
  .card-content p {
    color: #fdba56;
    line-height: 1.6;
  }
  
  /* Button */
  .card-button {
    display: block;
    align-self: center;
    padding: 12px 50px;
    border: solid, 2px #ffc800;
    border-radius: 6px;
    background: #cb0040;
    color: #ffd104;
    font-size: 1rem;
    cursor: pointer;
    transition: 0.3s ease;
  }
  
  .card-button:hover {
    background: #003a07;
  }
  
  /* Responsive Layout */
  @media (min-width: 1900px) {
    .card-container {
      flex-direction: column;
    }
  
    .card-image,
    .card-content {
      flex: 1;
    }
  
    .card-image {
      max-height: 450px;
    }
  }