html {
  scroll-behavior: auto;
}

.profile-page {
  position: static;
  height: auto;
  min-height: 100vh;
  font-family: Inconsolata, monospace;
  font-size: 1.2rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
  background-image: radial-gradient(#2c3a4d, #041116);
  background-attachment: fixed;
}

.profile-page .overlay {
  position: fixed;
}

.profile-page .noise,
.profile-page .overlay::before {
  display: none;
}

.profile {
  width: min(900px, calc(100% - 3rem));
  margin: 0 auto;
  padding: 2rem 0 4rem;
}

.profile h1,
.profile h2,
.profile h3 {
  color: #ff8b33;
  line-height: 1.3;
}

.profile h1 {
  font-size: 2rem;
}

.profile h2 {
  font-size: 1.4rem;
}

.profile h3 {
  font-size: 1.2rem;
}

.profile nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem 1.5rem;
  margin: 2rem 0;
}

.profile section {
  margin-top: 3rem;
  padding-top: 1rem;
  border-top: 1px solid rgb(111 163 208 / 35%);
  scroll-margin-top: 1rem;
}

.profile p,
.profile li,
.profile dd {
  margin-bottom: 1rem;
}

.profile dt {
  margin-top: 1.5rem;
}

.profile dd {
  margin-left: 0;
}

.profile a:focus-visible {
  outline: 2px solid #ff8b33;
  outline-offset: 5px;
}

.profile footer {
  margin-top: 3rem;
}