/* Using https://www.nordtheme.com/ */

:root {
  --primary-bg-color: #4c566a;
  --exterior-bg-color: #2e3440;
  --primary-text-color: #d8dee9;
  --primary-border-color: #5e81ac;
  --secondry-border-color: #88c0d0;
  --highlight-normal: #81a1c1;
  --highlight-alert: #bf616a;
  --standard-padding: 7px 14px 7px 14px;
}

body {
  background-color: var(--exterior-bg-color);
}

header {
  border-style: none none none none;
  background-color: var(--primary-bg-color);
  border-color: var(--primary-border-color);
  border-width: thick;
}

header p, footer p {
  color: var(--primary-text-color);
  margin: 0px;
  padding: 14px;
}

nav {
  border-style: solid none solid none;
  background-color: var(--primary-bg-color);
  border-color: var(--primary-border-color);
  border-width: thick;
  padding: none;
}

nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: var(--highlight-normal);
}

nav ul li {
  float: left;
}

nav ul li a {
  display: block;
  color: var(--primary-text-color);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

nav ul li a:hover {
  background-color: var(--highlight-alert);(--highlight-alert)
}

footer {
  border-style: solid none none none;
  background-color: var(--primary-bg-color);
  border-color: var(--primary-border-color);
  border-width: thick;
}

main {
  background-color: var(--primary-bg-color);
}

h1, h2, h3  {
  color: var(--primary-text-color);
  padding: var(--standard-padding);
  margin: 0px;
}

main p {
  color: var(--primary-text-color);
  padding: var(--standard-padding);
  margin: auto;
}

.center {
  margin: auto;
  width: 50%;
}

blockquote {
  padding: 24px 24px 24px 24px;
  margin: 0px;
  box-shadow: inset 0px 0px 10px 0px var(--exterior-bg-color);
}

/* This is a normal inline quote, apparently that can have it's own thing. */
q {
  
}