:root {
    --background-color: #004A7F;
}

body {
    /*background-color: var(--background-color);*/
    background-color: #004A7F;
    color: whitesmoke;
}

.center {
    text-align: center;
}

h1 {
    color: whitesmoke !important;
}

h1 a {
    color: white;
}


h1 a:hover {
    background-color: lightcyan;
    border-color: lightcyan;
}

h1 a:visited {
    color: lightsteelblue;
    border-color: lightcyan;
}

h1 a:visited:hover {
    background-color: lightcyan;
    border-color: lightcyan;
}

.message {
    height: 300px;
    margin: auto;
    position: absolute;
    top: 100px;
    left: 0;
    bottom: 0;
    right: 0;
    color: whitesmoke;
}

h2 {
    color: whitesmoke;
}

.host {
    color: lightcyan;
}

a {
    color: lightcyan;
}

a:hover {
    color: white;
    background-color: lightcyan;
}

a:visited {
    color: lightsteelblue;
}

a:visited:hover {
    color: lightsteelblue;
    background-color: darkcyan;
}

.error {
    color: skyblue;
}

.url {
    color: skyblue;
}

.divider {
    border-color: white;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 99%;
}

.footertext {
    text-align: center;
    font-size: x-small;
    color: lightcyan;
}