/* styles.css */  

body {  
  margin: 0;  
  font-family: Arial, sans-serif;  
}  

header {  
  background-color: #333;  
  color: white;  
  padding: 1em 0;  
  text-align: center;  
}  

main {  
  padding: 20px;  
  max-width: 800px;  
  margin: auto;  
}  

footer {  
  background-color: #222;  
  color: white;  
  padding: 10px 0;  
  text-align: center;  
  position: fixed;  
  bottom: 0;  
  width: 100%;  
}  

@media (max-width: 600px) {  
  header {  
    padding: 1em;  
  }  
  main {  
    padding: 10px;  
  }  
}