.menu {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}

.menu a {
    font-size: 2.5em;
    padding: 5px;
    text-transform: uppercase;
    cursor: pointer;
    color: #88d8c0;
    text-decoration: none;
}

.menu a:hover {
    color:aqua;
}

.menu a:not(:last-child)::after {
  content: " -";
  color: #88d8c0;
}

#sidebar {
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  height: fit-content;
  display: flex;
  overflow-y: hidden;
} 

header {
  width: 100%;
  overflow: hidden;
  height: 150px;
  background-position: top;
  background-image: url(https://images.pexels.com/photos/812958/pexels-photo-812958.jpeg);
}

header::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 150%;
  filter: blur(1px);
  backdrop-filter: blur(1px);
  height: 100px;
}