@keyframes passiveFade {
    0%   { opacity: 1; }
    20%  { opacity: 0.5; }
    75%  { opacity: 1; }
    100% { opacity: 1; }
  }
  
  .passive-fade {
    animation: passiveFade 9s ease-in-out infinite;
  }
  
@font-face {
    font-family: 'The Seasons';
    src: url('fonts/Fontspring-DEMO-theseasons-reg.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  
  /* Set overall background, text color, and center content using flex */
  body {
    background-color: #F9F4E1;
    color: #768166;
    margin: 0;
    font-family: sans-serif;
    display: flex;
    flex-direction: column; /* Stack container and footer vertically */
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    text-align: center;
  }
  
  .container {
    width: 90%;
    max-width: 1200px;
  }
  
  /* General row styling */
  .row {
    width: 100%;
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  
  h2 {
    font-family: 'The Seasons';
    width: 100%;
    margin: 0;
    font-size: 2.5rem;
  }
  
  h3 {
    font-family: 'The Seasons';
    width: 100%;
    margin: 0;
    font-size: 2.35rem;
  }
  
  .main-image {
    width: 100%;
    max-width: 600px;
    height: auto;
    display: block;
  }
  
  .icon {
    width: 50px;
    height: auto;
    margin: 0 5px;
  }
  
  .footer {
    width: 100%;
    margin-top: 40px;
    padding: 20px 0;
    background-color: #F9F4E1;
    text-align: center;
  }
  
  .footRow {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px 0;
  }
  
  .social-link {
    display: flex;
    align-items: center;
    margin: 0 10px;
    text-decoration: none;
    color: #768166;
    font-family: 'The Seasons';
    font-size: 1.5rem;
  }