/* main.css required in html header <link> */

header {
  position: fixed;
  padding: 10px 25px;
  width: calc(100% - 50px);
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  backdrop-filter: blur(20px);
  z-index: 10;
}

header a {
  font-family: "Loos Ext Black", sans-serif;
  color: black;
}

header .left,
header .right {
  width: 100%;
  display: flex;
}

header .left {
  align-items: left;
}

header .right {
  align-items: right;
}

header .main {
  font-size: 20px;
}

header .chapter {
  justify-self: center;
  font-size: 40px;
}

header .logo {
  width: 50px;
  height: 50px;
}