body,td,th {color: #004080;font-family:Verdana;font-size:12px;}
body {background-color: #888888;padding:20;margin:0}
a{color: #006600;text-decoration: none;}
a:hover{text-decoration:underline;}
.header{background:#CFE2CD;height:50px;font-size:24px;text-align:center}
.btn{padding:5px 20px;margin-top:5px;min-width:140px;}
.container {width:100%;max-width:800px;background:#003366}
.list {background:white;padding-bottom:20px;text-align:center}
.list a{display:block;margin-top:20px;}
.list img{width:100%;max-width:760px;max-height:90px;}
.list li{list-style:none;width:100%;max-width:760px;height:90px;margin-top:20px;display:inline-table;border:1px #767676 solid;box-sizing:border-box}
.list ul{display:table-cell;vertical-align:middle;text-align:center;line-height:150%;padding:10px;}
#foo1ter { position: fixed; bottom: 0;width: 100%; background-color:#ED4C67; margin:0 -20px}
#foo1ter li{list-style:none;text-align:center;font-size:2em;color: white; padding:10px;}
@media (max-width:840px) {
	body{padding:10;}
	.btn{display:block;margin:0 auto}
	.btn:nth-of-type(1){margin-top:10px !important}
}
@media (prefers-color-scheme: dark){
	body,td,th{color:#cfd8e3;}
	body{background-color:#121212;}
	a{color:#4fd26f;}
	a:hover{color:#6ee787;}
	.header{background:#313131;color:#e6edf3;}
	.container {background:#333}
	.list{background:#1e1e1e;}
	.list li{border:1px #333 solid;background:#1a1a1a;}
}