@media screen {

/* This is a single-line comment */

body {
color: #b0b0b0;
background-color: black;
font-size: 1.0em;
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
}

/* h1 - title of article - most important */
h1   {
margin-top: 0;
text-align:center;
color: #ffffff;
font-size:200%;
}

/* h2 - title of the site at the top of the page */
h2   {
margin-bottom: 0;
text-align:center;
color: #000000;
font-size:200%;
}

/* h3 - section headings */
h3   {
text-align:center;
color: #EDB93F;
font-size:150%;
}

/* h4 - article number */
h4  {
margin-bottom: 0;
text-align:center;
font-size:115%;
}

.fine_print {
font-size:85%;
}

.link_bar {
font-size:85%;
font-weight: 700;
padding:0px 20px 0px 20px;
}

.byline {
text-align:center;
font-style: italic;
}

.script {
font-family:"Monotype Corsiva", "cursive";
font-size: 1.25em;
}

.bright {
color: #ff8080;
}

.glow {
color: #ff8080;
font-style: italic;
}

.neon {
color: #ff8080;
font-style: italic;
font-weight: 700;
}

.keyword {
color: #404040;
}


.shine {
color: #9b59b6;
font-size: 1.15em;
}
/* #6c3483  #af7ac5  #9b59b6 */
 

p    {
}

p.center {
    text-align: center;
  }

a:link    {color:#4090d0; background-color:transparent; text-decoration:none}
a:visited {color:#a060d0; background-color:transparent; text-decoration:none}
a:hover   {color:#0000ff; background-color:yellow; text-decoration:underline}
a:active  {color:#ff8080; background-color:transparent; text-decoration:underline}


a:link.header   {color:#000099; background-color:transparent; text-decoration:none}
a:visited.header {color:#6c3483; background-color:transparent; text-decoration:none}
a:hover.header   {color:#0000ff; background-color:yellow; text-decoration:underline}
a:active.header  {color:#ff8080; background-color:transparent; text-decoration:underline}


a:link.footer   {color:#4090d0; background-color:transparent; text-decoration:none}
a:visited.footer {color:#a060d0; background-color:transparent; text-decoration:none}
a:hover.footer   {color:#0000ff; background-color:transparent; text-decoration:none}
a:active.footer  {color:#ff8080; background-color:transparent; text-decoration:none}

P.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 45em
}


div.blocktext  {
    margin-left: auto;
    margin-right: auto;
    width: 45em
}

ul.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 45em
}

.prev_button {
    background-color: #f44336; /* red */
    border: none;
    color: white;
/*     padding: 15px 32px; */
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 8px;
	width: 120px;
	height: 29px;
}

.next_button {
    background-color: #4CAF50; /* green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 8px;
	width: 120px;
	height: 29px;
}

.random_button {
    background-color: #e0e040; /* yellow */
    border: none;
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 6px;
	width: 60px;
	height: 20px;
}

}