a {
 background-color: transparent;
 color: #500000;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

body {
 background-color: #fff9e6;
 color: #800000;
 font-family: Arial, sans-serif;
 font-size: 0px;
 margin: 0px;
 padding: 0px;
 user-select: none;
}

h1 { font-size: 3rem; font-style: normal; font-weight: normal; line-height: 1.0; margin: 0rem; opacity: 1.00; padding: 0.5rem 0rem 0.5rem 0rem; text-align: center; }
h2 { font-size: 2rem; font-style: normal; font-weight: normal; line-height: 1.0; margin: 0rem; opacity: 1.00; padding: 0.5rem 0rem 0.5rem 0rem; text-align: left;   }
h3 { font-size: 1rem; font-style: italic; font-weight: normal; line-height: 1.0; margin: 0rem; opacity: 0.75; padding: 0.5rem 0rem 0.5rem 0rem; text-align: center; }
p  { font-size: 1rem; font-style: normal; font-weight: normal; line-height: 1.5; margin: 0rem; opacity: 1.00; padding: 0.5rem 0rem 0.5rem 0rem; text-align: left;   }

img {
 margin: 0.5rem 0rem 0.5rem 0rem;
}

noscript {
 background-color: #fff9e6;
 color: #800000;
 font-size: 1rem;
 height: calc(100% - 2rem);
 padding: 1rem;
 position: fixed;
  left: 0px;
  top: 0px;
 width: calc(100% - 2rem);
 z-index: 1;
}

.active {
 background-color: #500000;
 color: inherit;
}

.inactive {
 cursor: pointer;
}

.inactive:hover {
 background-color: #700000;
 color: inherit;
}

.nav {
 display: inline-block;
 font-size: 1rem;
 padding: 0.5rem 1rem 0.5rem 1rem;
}

.quote {
 display: inline-block;
 font-style: italic;
 margin-left: 10%;
}

#container {
 margin: auto;
 max-width: 48rem;
 min-height: 100vh;
 position: relative;
 z-index: 0;
}

#header {
 text-align: center;
}

#footer {
 border-top: 1px solid #800000;
 font-size: 0.75rem;
 padding: 1rem;
 text-align: center;
}

#logo {
 background-image: url('logo.svg');
 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain;
 display: inline-block;
 height: 6rem;
 margin: 1rem;
 width: calc(100% - 2rem);
}

#nav {
 background-color: #800000;
 color: #fff9e6;
}

#page {
 padding: 0.5rem 1rem 0.5rem 1rem;
 user-select: text;
}