header{background-color:#333;color:#fff;padding:10px 20px}.header-container{display:flex;justify-content:space-between;align-items:center}main h3{text-align:center;font-size:1.5em;margin:20px 0 10px;color:#333}main p{text-align:center;font-size:1em;color:#555;margin:0 20px 20px}.site-title{font-size:1.8em;margin:0}#site-logo{color:#ff0}nav ul{list-style:none;margin:0;padding:0;display:flex}nav li{margin-left:20px}nav a{color:#fff;text-decoration:none;font-size:1em}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#fff}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:20px}.card{background-color:#fff;border-radius:8px;overflow:hidden;transition:transform 0.2s}.card:hover{transform:translateY(-5px)}.card img{width:100%;height:auto;object-fit:cover;display:block;border-radius:10px}.card-content{padding:16px}.card-content h2{font-size:1.5em;margin:0 0 10px}.card-content p{color:#555}footer{background-color:#333;color:#fff;padding:10px 20px}.footer-container{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-container p{margin:5px 0}@media (max-width:600px){.header-container,.footer-container{flex-direction:column}.nav-links{flex-direction:column;align-items:center}.nav-links li{margin:10px 0}.grid-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.site-title{font-size:1.5em}.card-content h2{font-size:1.2em}}