a {
    color:#834600;
    text-decoration: none;}
body {
    margin: 0;
    min-height: 100vh;

    background-image: url("../images/background.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;}
.clockbar {
    text-align: center;
    position: absolute;
    top: 14%;
    display: flex;
    justify-content: center;}
.content-frame {
    width: 100%;
    max-width: none;
    margin: 0;
    left: 0;
    right: 0;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;}
.footer-columns {
    text-indent: 0%;
    justify-content: center;
    display: flex;
    grid-template-columns: repeat(3, 1fr);}
.footer-copyright {
    width: 100%;
    text-align: center;
    border-top: none;}
.info-area {
    text-align: center;
    position: absolute;
    top: 50%;}
img.align-center {
    display: inline-block;
    margin: 0px;
    box-align: center top;}
.navbar {
    text-align: center;
    position: absolute;
    top: 0%;
    display: inline-flex;
    justify-content: center;
    padding-right: 19px;}
.nav-space {
    padding-left: 20px;
    padding-right: 20px;
    color:#834600;}
.site-header {
    display: flex;
    justify-content: center;
    align-items: center;}
.site-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "intro login"
        "news news";
    position: absolute;}
.site-intro {
    grid-area: intro;
    min-height: 345px;
    max-width: 345px;}
.site-login {
    grid-area: login;
    min-height: 345px;
    max-width: 345px;
    text-indent: 25px;}
.site-news {
    grid-area: news;
    min-height: 355px;
    min-width: 665px;}