@font-face {
  font-family: 'Angel wish';
  src: url('assets/font/Angel\ wish.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  

body {
  font-family: 'Angel wish', serif;
  background: linear-gradient(135deg, #181818 0%, #232323 100%);
  color: #e0e0e0;
  text-shadow: 0 0.1rem 0.2rem #000, 0 0 1rem #8a0303;
  box-shadow: inset 0 0 5rem #000;
}

.main-container {
  max-width: 48em;
  font-size: 18pt;
  background: rgba(20, 20, 20, 0.92);
  border-top: 2px solid #8a0303;
  border-left: 2px solid #8a0303;
  border-right: 2px solid #8a0303;
  border-bottom: none;
  border-radius: 1.5rem 1.5rem 0 0;
  box-shadow: 0 0 2rem #000, 0 0 1rem #8a0303 inset;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Angel wish', serif;
  letter-spacing: 0.08em;
  color: #e83e3e;
  text-shadow: 0 0 0.5rem #000, 0 0 1rem #8a0303;
}

.nav-masthead .nav-link {
  color: #e0e0e0;
  border-bottom: .25rem solid transparent;
  font-family: 'Angel wish', serif;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  transition: color 0.2s, border-bottom-color 0.2s;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  color: #e83e3e;
  border-bottom-color: #e83e3e;
  text-shadow: 0 0 0.5rem #8a0303;
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1.2rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
  text-shadow: 0 0 1rem #e83e3e, 0 0 0.5rem #8a0303;
}

footer {
  font-size: 1.1rem;
  letter-spacing: 0.05em;
  color: #bdbdbd;
  text-shadow: 0 0 0.5rem #000;
  border-top: 2px solid #8a0303;
  margin-top: 0;
  padding-top: 1rem;
  background: rgba(20, 20, 20, 0.92);
  max-width: 48em;
  margin-left: auto;
  margin-right: auto;
}

img {
  pointer-events: none;
  border-radius: 0.5rem;
  box-shadow: 0 0 1.5rem #000, 0 0 0.5rem #8a0303;
}

.news-cover {
  max-width: 320px;
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.desktop-h-100 {
  height: 100% !important;
  @media (max-width: 900px) {
    height: auto !important;
  }
}