#navigation {
  position: sticky;
  top: 0;
  z-index: 10;
  background-image: linear-gradient(90deg,white 60%, transparent 100%), linear-gradient(180deg, white, transparent), radial-gradient(ellipse at top 
left, white 1%, transparent 70%);
  background-size: 100% 80%, 60% 20%, 40% 20%;
  background-position: top left, bottom left, bottom right;
  background-repeat: no-repeat;
}

nav { 
  margin: 5pt;
  padding: 0 0 7pt 30pt;
}

nav ul {
  display: flex;
  list-style-type: none;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10pt;
}

nav li {
  font-size: 47pt;
  font-weight: 600;
  white-space: nowrap;
  background-color: transparent;
  text-align: center;
  flex: 3;
  padding: 10pt;
  border: 1pt solid transparent;
}

nav a { 
  text-decoration: none;
  color: black;
}

nav li:hover { 
  border: 1pt dotted rgba(0, 0, 0, 0.8);
  border-radius: 10px;
}

.logo {
  display: block;
  position: fixed;
  padding: 1rem;
  right: 0;
  height: 13rem;
  z-index: 100;
}

.logo img {
  max-height: 100%;
  display: block;
}