body {
/*
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-top: auto;
*/
    font-family: Helvetica;
    font-size: small;
    min-height: 0px;
}

body>div {
       bottom: 0px;
       left: 0px;
       margin: 0px;
       padding: 0px;
       position: fixed;
       right: 0px;
       top: 0px;
}

body>div>table {
	border: none;
	border-spacing: 0px;
	height: 100%;
	margin: auto;
	padding: 0px;
}

body>div>table>tr,
body>div>table>tr>td,
body>div>table>tbody>tr,
body>div>table>tbody>tr>td {
       vertical-align: middle;
}

p {
    color: rgb(96,96,96);
    font-family: Verdana, Helvetica, Arial;
    font-weight: bold;
    font-size: 16pt;
    text-align: center;
}

body>div>table>tr>td>p:nth-of-type(2),
body>div>table>tbody>tr>td>p:nth-of-type(2) {
    color: rgb(64,64,64);
    font-family: Verdana, Hevetica, Arial;
    font-size: 48pt;
    font-weight: bold;
    letter-spacing: 8px;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
}

#content {
    margin-top: 100px;
}

a,
a:link,
a:visited,
a:active,
a:hover  {
    border: none;
    color: rgb(80,80,80);
    opacity: 1.0;
    outline: none;
    text-decoration: none;
}

img.dark, p.dark {
    display: none;
}

img.lite {
    display: inline;
}

p.lite {
    display: block;
}

@media all and (max-width: 640px) {
        body>div>table {
		width: 320px;
        }
}

@media (prefers-color-scheme: dark) {
    body, html {
        background: initial !important;
        background-color: rgb(48,48,48) !important;
    }
    a,
    a:link,
    a:visited,
    a:active,
    a:hover  {
        color: rgb(192,192,192);
    }
    p {
        color: rgb(232,232,232);
    }
    p.dark {
        display: block;
    }
    img.dark {
        display: inline;
    }
    p.lite, img.lite {
        display: none;
    }

}