/* Базові стилі для сторінки */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column; /* вертикальний флекс */
  font-family: Arial, sans-serif;
  background: #f9f9f9;
  color: #333;
}

h2, h3 {
  color: #0055aa;
}


/* Основний контент */
main {
  flex: 1; /* займає всю доступну висоту */
  padding: 20px;
}



/* Підвал */
footer {
  background: #eee;
  text-align: center;
  padding: 10px;
  border-top: 1px solid #ccc;
  margin-top: auto; /* приклеює футер до низу */
}