body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #090909;
}

.site-banner {
    background-color: #111111;
    color: #00ff00;
    text-align: left;
    padding: 12px 0;
    padding-left: 15px;
    font-family: "Lucida Console", "Courier New", monospace;
    font-size: 28px;
    border-bottom: 2px solid #00ff00;
}

.site-banner small {
    display: block;
    font-size: 14px;
    color: #66ff66;
    margin-top: 4px;
}

.navbar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #123456;
    display: flex;
}

.navbar li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.navbar li a:hover {
    background-color: #111111;
}

.header {
    text-align: center;
    color: #FFFFFF;
}

.header_img {
     max-width: 60%;
     height: auto;
}

.body_left {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    color: #FFFFFF;
}

.body_centered {
    text-align: center;
    font-size: 20px;
    margin: 0 auto;
    color: #FFFFFF;
}

#hello {
    animation: colorFade 10s infinite linear;
}

@keyframes colorFade {
    0%   { color: #00ff00; }
    25%  { color: #00ffff; }
    50%  { color: #ffff00; }
    75%  { color: #ff00ff; }
    100% { color: #00ff00; }
}