@font-face {
    font-family: Courier;
    src: url(Courier_Prime/CourierPrime-Regular.ttf);
}

html{
    width: 100%;
    height: 100%;
}
body {
    margin: 0 10px;
    padding: 20px 10px;
    font-family: Courier, monospace;
    background-image: url("pattern.gif");
    background-repeat: repeat;
}

h1 {
    margin: 0 auto;
    text-align: center;
    color: #FAF0E6;
}

h1.header {
    width: 580px;
    height: 280px;
    background-image: url("logo.gif");
    background-repeat: no-repeat;
}

h1.oops {
    font-size: 32px;
    color: red;
    animation-name: oops;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes oops {
    0% { color: red; }
    15% { color: orange; }
    25% { color: yellow; }
    50% { color: green; }
    75% { color: cyan; }
    85% { color: blue; }
    100% { color: magenta; }
}

h1.header span {
    margin-top: 121px;
    left: 41%;
    position: absolute;
}

span.leet {
    font-family: monospace;
    color: #00FF00;
    background: #000;
}

hr {
   border: 1px dashed #00EE00;
}
table {
    margin: 0 auto;
}

table th {
    color: #00EE00;
}

.about {
    text-align: center;
    vertical-align: top;
    color: #FAF0E6
}

.sunbro {
    color: #FFD700;
    font-family: Times serif;
    font-weight: 300;
    text-transform: uppercase;
}