@font-face {
  font-family: CO59; /* set name */
  src: url(C059-Roman.ttf); /* url of the font */
}

@font-face {
  font-family: Cardo; /* set name */
  src: url(Cardo-Regular.ttf); /* url of the font */
}
@font-face {
  font-family: Cardo; /* set name */
  src: url(Cardo-Italic.ttf); /* url of the font */
  font-style:italic;
}


body { margin:0;
font-family: Cardo;
background:#000000;
}

#top { height:3em;
background: #000000;
}

#masthead { padding:5em;
text-align:center;
background-image: url("roar.png");
}


#mainbox { padding:1em;
text-align:center;
background: #000000;
display:flex;
justify-content: center;
align-items: center;
}

#main { color:#ffffff;
text-align:left;
width:33em;
font-size:111%;
}

h1 {text-align:center;
font-size:133%;
font-family:CO59;
}

h2 { text-align:center;
font-family:CO59;
color:#aaaaaa;
font-size:100%;
padding:0 0 0 0;
}

h3 { text-align:center;
font-size:100%;
color:#ffffff;
padding:0 0 0 0;
}

a:link{color:#c0c0c0;}
a:visited{color:#c0c0c0;}
a:hover{color:#ffea00;}
a:active{color:#ffffff;}

ul { padding: 0;
list-style: none; }

hr { width:100%;
height:1px;
border-width:0px;
background-color:#aaaaaa;
margin:3em 0 3em 0;
}

table{padding:0;
border:0}


.code {color:#c0c0c0;
vertical-align:middle;
font-size:83%}

.quot {color:#c0c0c0;}
.authtitle {font-size:163%}

#endnote { font-size: 73%;
text-align:center;
}

#subbtn { font-size: 111%;
font-family: CO59;
width: 100%;
border:0;
padding:1em 0 1em 0;
background-image: url("roar.png");
background-color:#dddddd;
}