body {
  margin: 0;
  padding: 0;
}

/* Background image */

img.bg {
  min-height: 100%;
  min-width: 800px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
}

/* Legacy */

img.logo {
  display: block;
  outline: none;
}

a,
a:hover,
a:focus,
a:active {
  color: #ff9a94;
  text-decoration: none;
}

div.silencebug {
  display: inline;
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 107px;
  opacity: 0.9;
}

ul.menu {
  display: inline;
  list-style-type: none;
  padding: 0;
}

li {
  display: inline;
  background: #a1a199;
  padding: 4px;
  margin: 0;
  color: #f1f2ea;
  font-size: 0.75em;
  font-family: 'Armata', sans-serif;
}

/* Hello block */

.text-block {
  position: absolute;
  top: 40%;
  left: max(10%, 20px);
  font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', sans-serif;
  color: #363636;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

.text-block .hello {
  display: block;
  width: fit-content;
  background-color: #FF746C;
  padding: 0.05em 0.15em;
  margin-bottom: 1px;
  font-size: 2.2rem;
  font-weight: 100;
}

.text-block .hello.primary {
  font-weight: bold;
}

/* Nav block */

.nav-block {
  position: absolute;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', sans-serif;
  font-size: 1.8rem;
  font-weight: 100;
  line-height: 0.95;
  letter-spacing: -0.02em;
}

.nav-label {
  color: #c9c9c9;
  display: block;
  width: fit-content;
  background-color: #393939;
  padding: 0.05em 0.15em;
  margin-bottom: 1px;
}

.nav-link {
  color: #FF746C;
  text-decoration: none;
  display: block;
  width: fit-content;
  background-color: #393939;
  padding: 0.05em 0.15em;
  margin-bottom: 1px;
}

.nav-spacer {
  display: block;
  height: 1lh;
}

.nav-link--meta {
  font-size: 1.35rem;
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
}

.nav-link--meta:hover {
  text-decoration: none;
}

.nav-link--meta ion-icon {
  font-size: 0.8em;
  flex-shrink: 0;
}

/* Section views */

.section-view {
  display: none;
  position: absolute;
  top: 40%;
  left: max(10%, 20px);
  font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', sans-serif;
  color: #363636;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

.section-view.active {
  display: block;
}

.back-link {
  display: block;
  width: fit-content;
  color: #FF746C;
  text-decoration: none;
  font-size: 1.1rem;
  font-weight: 100;
  background-color: #393939;
  padding: 0.05em 0.15em;
  margin-bottom: 1px;
}

.section-heading {
  display: block;
  width: fit-content;
  background-color: #FF746C;
  padding: 0.05em 0.15em;
  margin: 0 0 1px 0;
  font-size: 2.2rem;
  font-weight: bold;
}