@font-face {
  font-family: 'Macondo';
  font-style: normal;
  font-weight: 400;
  src: local('Macondo'), local('Macondo-Regular'), url(fonts/macondo.woff) format('woff');
}

body {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    font-family: Helvetica;
    font-size: small;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: auto;
    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 {
       vertical-align: middle;
}

p {
    color: rgb(96,96,96);
    font-family: 'Lucida Grande', Arial, sans-serif, Verdana;
    font-size: 10pt;
    text-align: center;
}

p.title {
    color: rgb(64,64,64);
    font-family: Macondo, 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  {
    color: rgb(96,96,96);
}

@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.title {
        color: rgb(196,196,196);
    }
}