* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

h1,
h2,
h3 {
  margin: 0.5em 0;
  font-weight: bold; }

p {
  margin: 1em 0;
  line-height: 1.5; }

a {
  color: blue;
  text-decoration: none; }

header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  text-align: center; }

footer {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  background: #333;
  color: #fff;
  padding: 1em;
  text-align: center; }

header nav,
footer nav {
  padding: 1em 0; }
  header nav ul,
  footer nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center; }
    header nav ul li,
    footer nav ul li {
      margin: 0 1em; }

/*# sourceMappingURL=default.css.map */