/* ==========================================================================
   MUHCINE / your own rules
   Loaded after everything else, on every page, so what is written here wins
   without needing !important behind it. This is the file to reach for when
   you want to change something the options do not cover.
   ========================================================================== */

.profile__portrait img {
  border-radius: 100%;
}

.prose {
  gap: 0px;
}

.compose {
  padding-top: 0;
}

.viewer__frame {
  max-height: 90%;
  max-width: 90%;
}

.page {
  padding-top: 50px;
}

.nav a::after {
  background: 0;
}

.theme-toggle,
.lang-toggle {
  background: var(--line);
}

.chrome--bottom {
  background: 0;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  mask: linear-gradient(#00000000, #000000, #000000);
}

@media (max-width: 720px) {
  .nav {
    bottom: 1%;
  }

  button#copy-email {
    display: none;
  }
}