body {
 font-family: sans-serif;
 text-align: justify;
 hyphens: auto;
 /* Default colors
 color: white;
 background-color: #808080;
 text-shadow: 2px 2px 5px #555555;
 */
}

h1, h2 {
 text-shadow: 2px 2px 3px #000000;
}

a, blockquote, caption, figcaption, h3, h4, h5, h6, legend, p::first-letter, .initial::first-letter, .intro, b, cite, em, i, u, q {
 text-shadow: 2px 2px 5px #555555;
}

button, fieldset, input, select, h2, textarea .hc, .subfield, .submenu, .nav {
 box-shadow: 1px 1px 2px #555555;
}

a:hover, a:active, button:hover, button:active, h1:hover, h1:active, h2:hover, h2:active, label:active, label:hover, input:hover,
input:active, input:checked, select:hover, select:active, textarea:hover, textarea:active, .liteon {
 text-shadow:0px 0px 10px silver;
}

a, input, label, legend, select, textarea {
 transition: all 0.1s ease-in-out;
}

a:link {
 color: navy;
 text-decoration: none;
}

a:visited {
 color: purple;
 text-decoration: none;
}

a:hover {
 color: blue;
 text-decoration: underline;
}

a:active {
 color: maroon;
 text-decoration: underline;
}

audio, .pic, video {
 width: 100%;
 box-shadow: 2px 2px 10px #000000;
}

blink {
 animation: blinker 2s linear infinite;
}

@keyframes blinker {  
 50% { opacity: 0; }
}

blockquote {
 padding: 6px;
 *padding: 0px;
 *margin-left: 36px;
 *margin-right: 36px;
 border-left: 1px solid;
}

button, .hc {
 background-color: gray;
 border-color: #E7DEDA;
 border-top-color: #E7DEDA;
 border-right-color: #555555;
 border-bottom-color: #555555;
 border-left-color: #E7DEDA;
}

button:active, .hc:active {
 border-top-color: #555555;
 border-right-color: #E7DEDA;
 border-bottom-color: #E7DEDA;
 border-left-color: #555555;
}

button {
 color: white;
 padding: 2px;
 *padding: 0px;
 *margin-left: 2px;
 *margin-right: 2px;
 text-shadow: 1px 1px 0px #555555;
}

fieldset {
 display: inline-block;
}

figure {
 display: inline-table;
 margin-left: auto;
 margin-right: auto;
}

figcaption {
 font-size: small;
 display: table-caption;
 caption-side: bottom;
}

h1 {
 font-size: larger;
 font-weight: bold;
 text-decoration: underline;
 text-align: center;
 color: white;
 background-color: #EDA870;
 border: 2px outset;
 border-color: #F7D9C0;
 border-top-color: #F7D9C0;
 border-right-color: #A49080;
 border-bottom-color: #A49080;
 border-left-color: #F7D9C0;
 column-span: all;
 box-shadow: 1px 1px 2px #000000;
}

h1:active {
 border: 2px inset;
 border-top-color: #A49080;
 border-right-color: #F7D9C0;
 border-left-color: #A49080;
 border-bottom-color: #F7D9C0;
}

h2 {
 font-size: large;
 font-weight: bold;
 text-align: center;
 color: white;
 background-color: #4992A7;
 border: 1px outset;
 border-color: #284F59;
 border-top-color: #A6B6BA;
 border-right-color: #1A3239;
 border-bottom-color: #1A3239;
 border-left-color: #A6B6BA;
 column-span: all;
}

h2:active {
 border: 1px inset;
 border-top-color: #1A3239;
 border-right-color: #A6B6BA;
 border-bottom-color: #A6B6BA;
 border-left-color: #1A3239;
}

h3 {
 font-size: x-large;
 border-bottom: 1px solid;
}

h4 {
 font-size: large;
}

h5 {
 font-size: medium;
}

h6 {
 font-size: x-small;
}

hr {
 color: #C6B2A8;
 background-color: #C6B2A8;
 border-top-color: #847770;
 border-right-color: #C6B2A8;
 border-bottom-color: #C6B2A8;
 border-left-color: #847770;
}

.pic {
 transition: 0.1s all ease-in-out;
}

.pic:active {
 width: 200%;
 transition-property: width;
}

select {
 border: 1px outset;
 color: white;
 background-color: #A8988F;
 border-color: #847770;
 border-top-color: #E7DEDA;
 border-right-color: #847770;
 border-bottom-color: #847770;
 border-left-color: #E7DEDA;
}

input, select, textarea {
 font-size: 0.9em;
 padding: 3px;
}

fieldset, input, select:active, textarea, .submenu, .nav {
 border: 1px inset;
 color: white;
 background-color: #A8988F;
 border-color: #E7DEDA;
 border-top-color: #847770;
 border-right-color: #E7DEDA;
 border-bottom-color: #E7DEDA;
 border-left-color: #847770;
}

fieldset {
 *padding: 10px;
}

label {
 text-align: left;
 display: inline-block;
}

input:disabled, select:disabled, label:disabled, legend:disabled, textarea:disabled {
 color: silver;
 background-color: gray;
}

li {
 margin-left: 1rem;
}

ul {
 margin-left: -1rem;
}

p::first-letter {
 initial-letter: 1.5rem;
 font-weight: bold;
}

.initial::first-letter {
 font-size: 5em;
 font-weight: bold;
 float: left;
}

caption {
 text-align: left;
 font-size: small;
 caption-side: bottom;
}

table {
 border: 1px solid #B7878D;
 border-collapse: collapse;
 width: 100%;
 box-shadow: 1px 1px 2px #000000;
}

td, th {
 border: 1px solid #A8988F;
 border-top-color: #E7DEDA;
 border-right-color: #6A605A;
 border-bottom-color: #6A605A;
 border-left-color: #E7DEDA;
 text-align: left;
 padding: 6px;
}

th {
 background-color: #B7878D;
}

th[scope='row'] {
 background-color: #8998AA;
}

tr {
 background-color: #C6B2A8;
}

tr:nth-child(even) {
 background-color: #999999;
}

.footer {
 font-size: small;
 text-align: center;
}

.intro {
 font-size: 110%;
 line-height: 1.07;
}

.hc {
 margin: 0px;
 color: navy;
 text-shadow: 1px 1px 0px #606080;
 text-decoration: none;
}

.hc:visited {
 color: purple;
}

.hc:hover {
 color: blue;
}

.hc:active {
 color: maroon;
}

.column2, .column3, .columnw {
 column-gap: 40px;
 column-rule-style: outset;
 column-rule-width: 3px;
 column-rule-color: #C6B2A8;
}

.column2 {
 column-count: 2;
}

.column3 {
 column-count: 3;
}

.columnw {
 column-width: 344px;
}

.nav {
 *margin: 4px;
 padding: 3px;
 margin-bottom: 10px;
}

.ribbon {
 background-image: repeating-linear-gradient(
  -45deg,
  #F9A900,
  #F9A900 40px,
  black 40px,
  black 80px
 );
  background-image: repeating-linear-gradient(
   -45deg,
   #F9A900 0 40px,
   black 40px 80px
 );
}

.subfield {
 *margin: 5px;
 background-color: #C6B2A8;
}

.subfield:disabled {
 color: gray;
 background-color: silver;
}

.submenu {
 padding: 4px;
 margin: -5px;
 *margin: 0px;
}

.tty {
 width: 650px;
 border: 12px ridge;
 border-radius: 24px;
 border-color: #E7DEDA;
 border-top-color: #847770;
 border-right-color: #E7DEDA;
 border-bottom-color: #E7DEDA;
 border-left-color: #847770;
 background: linear-gradient(
  to bottom,
  rgba(18, 16, 16, 0) 50%,
  rgba(0, 0, 0, 0.25) 50%
 );
 background-size: 100% 4px;
 text-shadow: 0px 0px 15px;
 box-shadow: 1px 1px 2px #555555, inset 30px 0 180px black, inset -30px 0 180px black;
}