body{margin:0;background:#d6d6d6;color:#111;font-family:"Times New Roman",serif;font-size:13px}
a{color:#0000ee;text-decoration:underline}
#page{width:930px;margin:10px auto;background:#eee;border:4px ridge #aaa}
#mast{margin:7px;border:3px groove #aaa;background:#ffffcc;padding:8px}
#mast h1{font: bold 30px Georgia,serif;margin:0;color:#330066;letter-spacing:1px}
#mast p{margin:3px 0;font-family:"Courier New",monospace}
#columns{display:grid;grid-template-columns:155px 1fr 175px;gap:6px;margin:7px}
.box{border:2px groove #aaa;background:#fff;padding:7px;margin-bottom:7px}
.side{background:#e7e7ff}
.side h3,.right h3{margin:-7px -7px 6px;padding:3px;background:#000080;color:#fff;font:bold 13px Arial}
.side ul{padding-left:17px;margin:4px 0}
.side li{margin:6px 0}
.counter{background:#000;color:#0f0;font:bold 16px "Courier New";letter-spacing:2px;padding:4px;text-align:center}
.main{background:#fff}
h2{font: bold 21px Georgia,serif;color:#800000;border-bottom:3px double #800000;margin:0 0 7px;padding-bottom:3px}
h3{font:bold 15px Arial;color:#000080}
.notice{background:#ffff99;border:2px solid #cc9900;padding:7px}
.weird{font-family:"Courier New";background:#ccffff;border:2px dashed #008080;padding:6px}
.works{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.work{border:3px ridge #aaa;background:#f7f7f7;padding:5px}
.work img{width:100%;height:230px;object-fit:cover;border:2px inset #888}
.work .title{font:bold 15px Arial;color:#800080;margin-top:4px}
.small{font-size:10px}
table{border-collapse:collapse;width:100%}
td{border:1px solid #999;padding:5px;vertical-align:top}
.year{width:75px;background:#e0e0ff;font:bold 14px "Courier New"}
hr{border:0;border-top:2px dotted #666}
#footer{margin:7px;border:2px groove #aaa;background:#ddd;padding:7px;text-align:center;font:11px "Courier New"}
.blink{font:bold 15px Arial;color:red}
@media(max-width:960px){#page{width:96%}#columns{grid-template-columns:1fr}.side{order:2}.right{order:3}.works{grid-template-columns:1fr}}