body {
  margin: 0;
  background-color: #fff;
  font-family: "IBM Plex Sans", sans-serif;
  color: black;
}
.header {
overflow: hidden;
  background-color: #0e0f12;
  display: flex;
}
.header a {
  align-items: center;
  justify-content: center;
  text-align: justify;
float: left;
text-align: center;
text-decoration: none;
font-size: 19px;
border-radius: 4px;
  margin: 0 7px 0 7px;
}
.header a:hover {
text-decoration: none;
}
.navigation {
display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  white-space: nowrap;
}
.navigation a.logo {
font-size: 30px;
font-weight: bold;
color: white;
margin: 0 10px 0 20px;
}
.nav {
list-style: none;
  padding: 0;
}
nav.account {
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: justify;
  padding: 0 30px 0 0;
}
.nav-item {
  display: contents;
  color: #fff;
  text-align: center;
}
.nav-link-active {
color: #ff7676;
}
.nav-link {
color: #fff;
}
.nav-link:after {
display: flex;
content: '';
position: inherit;
width: 100%;
transform: scaleX(0);
height: 2px;
bottom: 0;
left: 0;
background-color: white;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
.nav-link:hover:after {
transform: scaleX(1);
text-decoration: underline;
transform-origin: bottom left;
}
::selection {
  background: #0e0e0e;
  color: #f0f0f0;
}
h1 {
  margin: 150px auto;
  width: max-content;
  filter: url(#distortionFilter);
  font-size: calc(100vw / 24 * 3);
  color: #0e0e0e;
  font-variation-settings: "wght" 700;
  text-align: center;
}
p {
  text-align: center;
}
@media (max-width: 800px) {
  h1 {
    font-size: 8rem;
  }
}
svg {
  position: absolute;
  width: 0;
  height: 0;
  left: -9999px;
  pointer-events: none;
}