@font-face {
  font-family: 'Creepster';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/creepster_font.woff2) format('woff2')
}

#A:link    { color : #0000e0 }
#A:visited { color : #800080 }
#A:active  { color : #e08080 }
CITE { color : #008000 }


@media (min-aspect-ratio: 1/1) {
  body {
       color:      #ffffff; 
       font-style: normal;
       font-family: arial, sans-serif;
       margin-left: 10%;
       margin-right: 10%;
       background: #4c4c4c;
       } 
}

@media (aspect-ratio: 1/1) {
  body {
       color:      #ffffff; 
       font-style: normal;
       font-family: arial, sans-serif;
       background: #4c4c4c;
       } 
}

@media (max-aspect-ratio: 1/1) {
  body {
       color:      #ffffff; 
       font-style: normal;
       font-family: arial, sans-serif;
       background: #4c4c4c;
       } 
}


pre { font-family: fixed; }

div {
  margin-top: 5px;
}

.centered {
  display: flex;
  justify-content: center;
}

.dramatic {
  color: #c87;
  font-family: Creepster, sans-serif;
  font-weight: bold;
  font-size: 200%; 
  display: flex;
  justify-content: center;
  text-shadow: 2px 2px 2px #ffffff;
}

h1 {
  color:       #c87;
  font-family: Creepster, sans-serif;
  font-weight: bold;
  font-size:   400%; 
  display: flex;
  justify-content: center;
  text-shadow: 2px 2px 2px #ffffff;
  margin-top: 10px;
}

h2         {  color:       #c05870;
              font-size:   150%;
              font-family: arial,sans-serif;
              font-style:  italic;
              font-weight: bold; }

h3         {  color:       #c05870;
              font-size:   125%;
              font-family: arial,sans-serif;
              font-weight: bold; }

h4         { margin-left: 0px;
             color:       #900000;
             font-size:   100%;
             font-family: roman;
             font-weight: bold; }

h5         { margin-left: 0px;
             color:       #600000;
             font-size:   100%;
             font-family: roman;
             font-weight: bold; }

h6         { margin-left: 0px;
             color:       #500000;
             font-size:   100%;
             font-family: roman;
             font-weight: bold; }

ul         { 
              margin-top:    4px;
              margin-bottom: 4px;
              color:         #000000; }

li.1       { color: #ff0000; }
li.2       { color: #808000; }
li.3       { color: #000000; }

dl dt      { color:  #303080; }

p          { margin-left:    30px; 
             font-size:      100%;}

address   {color:        #008000;
           align:        left;
           margin-left:  30px;
           margin-right: 30px; }

b, strong { color: #c87;
            font-weight: bold; }

i, em      { color: #c87;
            font-style: italic; }

blockquote { 
             font-family: serif;
             font-size:  120%;
             margin-left: 10%;
             margin-right: 10%; }