@font-face {
  font-family: JetBrainsMonoNerdFontMono-Regular;
  src: url(./../fonts/JetBrainsMonoNerdFontMono-Regular.ttf) format('truetype');
}

@font-face {
  font-family: Yomogi-Regular;
  src: url(./../fonts/Yomogi-Regular.ttf) format('truetype');
}

:root {
  --bg-color: #f1e2be;
  --line-color-1: #a58a62;
  --line-color-2: #a9a994;
  --dark-water: #445162;
  --light-water: #96a4b6;
  --light-parchment: #f1e2be;
  --dark-parchment: #886243;
}

html {
  font-family: JetBrainsMonoNerdFontMono-Regular;
}

body {
  font-family: JetBrainsMonoNerdFontMono-Regular;
  background-color: var(--dark-water);
}

article {
  font-family: Yomogi-Regular;
  margin-left: 1rem;
  margin-right: 5%;
}

.nav {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: black;
}

.nav-link {
  margin-left: 1rem;
  margin-right: 1rem;
}


/*
a {
  padding: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  text-align: center;
  text-decoration: none;
  text-justify: center;
  border: solid black .1rem;
  color: black;
}

a:hover {
  padding: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  text-align: center;
  text-decoration: none;
  text-justify: center;
  border: solid black .1rem;
  color: black;
  text-decoration: underline;
}
*/
footer {
  margin-top: 2rem;
}

section {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 2rem 1rem;
  text-align: left;
  background-color: #f1e2be;
  background-image: linear-gradient(90deg, transparent 79px, #944431 79px, #944431 81px, transparent 81px);
  font-family: inherit;
  border: .3rem solid var(--dark-parchment);
}

h1 {
  font-size: 3rem;
  text-align: center;
}

section h2 {
  font-size: 2.5rem;
}

section h3 {
  font-size: 2rem;
}

section h1,
section h2,
section h3,
section h4 {
  padding: 1rem;
  margin: 2rem;
  text-align: center;
}

section p {
  background-image: linear-gradient(var(--light-water) .1em, transparent .1em);
  background-size: 100% 2rem;
  line-height: 2rem;
  font-size: 1.5rem;
  padding-left: 90px;
  padding-right: 90px;
}

section blockquote {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 180px;
  padding-right: 180px;
  margin: 1rem;
  font-size: 1.5rem;
}

nav,
.navbar,
.navbar-nav {
  background-color: #886243;
}

.nav-link {
  color: #f1e2be;
  margin-left: 1rem;
  margin-right: 1rem;
}

.list-group-item {
  background-color: #96a4b6;
  color: #445162;
}

.list-group-item:hover {
  background-color: #445162;
  color: #96a4b6;
}


section p a {
  padding: .1rem;
  text-decoration: underline;
  border: none;
}

section p a:hover {
  padding: .1rem;
  text-decoration: underline;
}

section a {
  padding: .1rem;
  text-decoration: underline;
  padding-left: 90px;
  border: none;
}

section a:hover {
  padding: .1rem;
  padding-left: 90px;
  text-decoration: underline;
}

.sidebar {
  margin-top: 1rem;
}

.sidebar a:link,
.sidebar a:visited {
  text-align: center;
  display: block;
}