/* General Styles */ body {     font-family: Arial, sans-serif;     margin: 0;     padding: 0;     line-height: 1.6;     background-color: #f4f4f4;     color: #333;     padding-bottom: 4rem; /* Add padding equal to or greater than footer height */ }  header {     background-color: #111;     color: #fff;     padding: 1rem 0;     text-align: center; }  header h1 {     margin: 0;     font-size: 2.5rem; }  main {     max-width: 800px;     margin: 2rem auto;     padding: 1rem;     background-color: #fff;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }  main img {     width: 100%;     height: auto;     display: block;     margin-bottom: 1rem; }  article p {     font-size: 1.2rem;     line-height: 1.8;     margin-bottom: 1rem; }  footer {     background-color: #333;     color: #fff;     text-align: center;     padding: 1rem 0;     position: fixed;     width: 100%;     bottom: 0;     box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* Optional: Adds a subtle shadow */ }  /* Responsive Design */ @media (max-width: 600px) {     header h1 {         font-size: 2rem;     }      main {         max-width: 800px;         margin: 2rem auto;         padding: 1rem;         background-color: #fff;         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);         padding-bottom: 4rem; /* Adjust based on footer height */     }      article p {         font-size: 1rem;     } }