body       { background-color: #2f62b6; padding: 0px; text-size-adjust: none; }
h1         { font-family: Verdana,Helvetica,sans-serif; }
.topholder { top: 0px; left: 0px; width: 100%; overflow: auto; background-color: white; margin: 0%; }
.top       { width: auto; overflow: auto; background-color: white; padding: 1em; }
.logo      { float: left; }
.title     { float: right; margin-top: -0.5em; margin-bottom: -0.5em; font-family: Verdana,Helvetica,sans-serif; font-weight: bold; text-align: center; }

#down		{ display: flex; flex-direction: row; flex-wrap: wrap; }
#up		{ display: flex; flex-direction: column; flex-wrap: wrap; height: 85vh; overflow: auto; }

#down .site	{ background-color: red; width: max-content; padding: 0.5em; border-radius: 0.5em; margin: 0.1em; font-weight: bold; font-family: Verdana,Helvetica,sans-serif; }
#up .site	{ background-color: limegreen; width: max-content; padding: 0.5em; border-radius: 0.5em; margin: 0.1em; font-family: Verdana,Helvetica,sans-serif; }
.stale		{ background-color: grey !important; color: silver !important; }