html {
    background-color: #e6e9e9;
    background-image: -webkit-linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%);
    background-image: linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%);
    -webkit-font-smoothing: antialiased;
}

body {
    margin: 0 auto;
    padding: 2em 1em 4em;
    max-width: 600px;
    font-family: Georgia, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.5em;
    color: #000000;
    background-color: #fdfdee;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
}

p {text-indent: 2.0em;
}

@-ms-viewport{
  width: device-width;
}

h1, h3, h4, h5, h6 {
    color: black;
    font-weight: 600;
    line-height: 1.3em;
}

h1 {
    color: black;
    font-weight: 600;
    line-height: 1.3em;
    text-align: center;
}

h2 {
color: black;
    margin-top: 1.3em;
      font-weight: 300;
    line-height: 1.3em;
 
}

.navigation {
    font-size: 17px;
    background-color: #fdfdee;
    padding:5px; 
    text-align: center;
}


.intros {
    font-size: 17px;
    background-color: #b8b8b8;
    padding:5px; 
}



.disclaimer {
    background-color: #e6e9e9;
    font-size: 14px;
    padding: 15px;
}


.splash {
    font-size: 17px;
    padding: 5px;
}


#splish {
    background-color: #fdfdee;
}

#welcome {
    background-color: #fdfdee;
}

#sploosh {
    background-color: #D6DAF2;
}



.storyCode {
    font-style: italic;
    font-size: 14px;
}

.storyLink {
    font-weight: 600;
}

.regularText {
color: #000000;
    padding: 10px;
    background-color: #fdfdee;
}


.homeLink {
color: #000000;
    padding: 10px;
}


.closer {
    font-size: 14px;
}


a {
    color: #0083e8;
}

b, strong {
    font-weight: 600;
}



table, td {
   border: 0px solid black;
     border-collapse: collapse;
    width: 100%;
}

th {
    font-size: 17px;
    font-weight: 600;
    background-color: #8E91A2;
    padding: 5px;
}

td {
    padding: 10px;
}
 
samp {
    display: none;
}

img {
    -webkit-animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
    animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
    background: transparent;
    border: 10px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    display: block;
    margin: 1.3em auto;
    max-width: 95%;
}

@-webkit-keyframes colorize {
    0% {
        -webkit-filter: grayscale(100%);
    }
    100% {
        -webkit-filter: grayscale(0%);
    }
}

@keyframes colorize {
    0% {
        filter: grayscale(100%);
    }
    100% {
        filter: grayscale(0%);
    }
}