html,
body {
  height: 100%;
}

body {
  font-family: "Nunito", sans-serif;
  cursor: default;
  color: #788487;
}

td {
  color: #788487;
}

nav {
  border-bottom: 1px solid #fff;
  z-index: 1;
  background: #007bff 0.98%;
}

nav a {
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 900 !important;
  color: #fff;
  transition: color 0.3s ease-in-out;
}

nav a:hover {
  color: rgba(255, 255, 255, 0.7);
}

nav a:after {
  position: absolute;
  background-color: #fff;
  height: 1px;
  width: 0%;
  bottom: -1px;
  left: 0;
  right: 0;
  content: "";
  margin: auto;
  transition: all 0.3s ease-out;
}

nav a:hover:after {
  width: 100%;
}

header {
  height: calc(100% - 200px);
  background: #007bff;
}

.page-headline {
  font-size: 66px;
  letter-spacing: 3px;
  font-family: "Big Shoulders Inline Text", cursive;
  border-left: 3px red solid;
  padding-left: 20px;
}

.page-headline span {
  color: #09105b !important;
}
.mt-n {
  margin-top: -140px;
}
.shadow-sm {
  border: 10px solid #eeeff1 !important;
}
.card {
  border-radius: 0;
}

h6 {
  letter-spacing: 2px;
  font-weight: bold;
  color: #212529;
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-left: 3px red solid;
  padding-left: 10px;
}

h6:first-child {
  margin-top: 0;
}

footer {
  background-color: #eeeff1;
  color: #212529;
  border-top: 10px solid #007bff !important;
}

a {
  color: #0aa5b4;
}
a:hover {
  color: #007bff;
}

.lower-roman {
  list-style-type: lower-roman;
}
.lower-roman li {
  margin-bottom: 0.4rem;
}

.ptable {
  border: 2px solid #eeeff1;
  width: 100%;
  padding: 1rem;
  margin-top: 1.7rem;
}

.ptable th {
  border-bottom: 2px solid #eeeff1;
  padding: 1rem;
  background-color: #ebedf0;
}
.ptable td {
  border-bottom: 1px solid #eeeff1;
  padding: 1rem;
  vertical-align: top;
}