/*==============================
* Site header / Site footer 
* ============================*/

.site-header,
.site-footer {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding: 30px;
  background: #eeeeee;
}

.site-header > .nav > ul,
.site-footer > .nav > ul {
  display: flex;
  gap: 1em;
  padding: 0;
  list-style: none;
}

/*==============================
* Site main
* ============================*/

/* .site-main {
  padding: 100px 30px;
} */