
/* Navigation bar styling  */
nav .nav-item {
  font-family: 'Fira Code', monospace;
  font-size: 1.2em;
  font-style: normal;
}
.cosmic-navbar-main {
  font-size: 1.33em;
}

/* Headers  */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Fira Code', monospace;
}

/* Branding  */
.cosmic-header-logo {
  height: 2.2em;
}

.cosmic-logo-big {
  max-height: 24em;
}

/* Header image overlay effect */
.cosmic-bg-overlay {
  background: rgba(33, 37, 41, 0.7);
}

/* Poster image */
.cosmic-poster {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}


/* General */
html {
  scroll-behavior: smooth;
}

/* Profile image for authors */
.cosmic-profile-image {
  margin-top: -3.5em;
  position: relative;
  height: 7em;
}

/* Force min height element */
.cosmic-spacer {
  min-height: 20em;
}

/* Visiblity toggling and transitions  */
.cosmic-togglescroll.d-none {
  opacity: 0;
  display: block !important;
  transition: opacity .3s ease-out;
}
.cosmic-togglescroll-inverse.d-none {
  opacity: 0;
  display: block !important;
  transition: opacity .3s ease-out;
}

.cosmic-togglescroll, .cosmic-togglescroll-inverse {
  transition: opacity .3s ease-in;
}
