html { font-size:18px; line-height:1.4; color:black; background:#1d1810; }
body { font-size:clamp(1rem, 1.5vw, 1.8rem); font-family:ManropeVar, KaiTi, STKaiti, FangSong, 仿宋, STFangSong, 华文仿宋, sans-serif; height:100%; margin:0; font-weight:400; }
@font-face { font-family:"MeriB"; src:url("font/MeriB.woff") format("woff2"), url("font/MeriB.ttf") format("truetype"); } /*Merienda-Bold*/
@font-face { font-family:"ManropeVar"; src:url("font/ManropeVar.ttf") format("truetype-variations"); font-weight: 1 999; } /*manrope variable*/

*, *:before, *:after { box-sizing:border-box; }
html, body, img { margin:0; padding:0; }
span { width:auto; display:inline-block; }
img { width:100%; height:auto; display:block; }

a:link, a:visited, a:active { text-decoration:none; color:#400; font-size:clamp(0.8rem, 1.5vw, 1.6rem); font-weight:bold; 
  display:block; margin:1.5px; border:1.5px solid #756142; border-radius:9px; text-align:center; }
a:focus, a:hover { color:white; background:#400; }
a:focus img, a:hover img { border:6px solid #400; border-radius:9px; }

.hide { display:none; border:5px #400; }
a:focus+.hide, a:hover+.hide, a:active+.hide { display:block; }
.bare a { display:inline; color:#400; background:white; margin:0; border:0; }
.arrow { border:solid black; border-width:0 3px 3px 0; display:inline-block; padding:3px;}
.down { transform:rotate(45deg); }
.up { transform:rotate(225deg); }  

.infopic { position:relative; width:100%; height:auto; margin:0px; }
.infopic figcaption { position:absolute; bottom:0px; width:calc(100% - 6px); padding-top:10px; text-align:center; margin:0 auto 0;
  color:white; font-weight:bold; font-size:clamp(0.8rem, 1.5vw, 1.8rem); text-shadow:0px 0px 8px rgba(0, 0, 0, 0.7);
  background:linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  border:1px solid linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); border-radius:0 0 9px 9px; }

.home { position:fixed; top:0; left:0; width:41.75px; height:auto; }
.home a { opacity:0.5; border:2px solid #756142; border-radius:20px; }
.home a:focus, .home a:hover { border:3px solid #400; border-radius:20.px; }
.centre { text-align:center; }
.just { text-align:justify; }
.left { text-align:left; }
.right { text-align:right; }
.date { text-align:right; font-size:0.6rem}

.blue { color:#0000FF; } .gold { color:#756142; } .kellygreen { color:#046A38; }
.emeraldgreen { color:#046307; } .deepred { color:#C40233; } .carmine { color:#960018; }
.blood { color:#660000; } .burgundy { color:#4d0000; } .white { color:white; }

h1, h2, h3, h4, h5 { text-align:center; padding:0; }
h1, h2, h3, h4 { font-family:MeriB, KaiTi, STKaiti, FangSong, 仿宋, STFangSong, 华文仿宋; }
h1 { font-size:clamp(2.2rem, 5vw, 7rem); color:#756142; margin:0 auto 1rem; }
h2 { font-size:clamp(1.5rem, 4vw, 3.4rem); color:#756142; margin:0 auto 0.8rem; }
h3 { font-size:clamp(1.1rem, 2.3vw, 2.4rem); color:#756142; margin:0 auto 0.6rem; }
h4 { font-size:clamp(1rem, 1.5vw, 1.8rem); margin:0 auto 0.5rem; }
h5 { font-size:clamp(0.8rem, 1.2vw, 1.6rem); margin:0 auto 0.4rem; }
h6 { font-size:clamp(0.8rem, 1.2vw, 1.6rem); display:inline; }

/*cards*/
.wrap { width:100%; margin:0 auto; text-align:center; }
.card { display:inline-block; width:100%; height:auto; margin:0 auto 0.5%; padding:3% 1%;
   border:1.5px solid #756142; border-radius:10px; background:#fff; }
.card2 { display:inline-block; width:100%; height:auto; margin:0 auto 0.5%; padding:3% 1%;
   border:1.5px solid #756142; border-radius:10px; background:#fff; }
.flag { color:white; background:black; }
.flag a { color:white; }
.flag h3 { color:white; }
.mtop { margin:10% auto 0.5%; }

.cols2 { columns:2 310px; column-gap:2px; }
.cols3 { column-gap:2px; }

.grid  { columns:2; width:100%; font-size:0.8rem; column-gap:2px; margin:0; }
.grid2 { columns:2; width:100%; font-size:0.8rem; column-gap:2px; margin:0; }
.grid3 { columns:3; width:100%; font-size:0.8rem; column-gap:0; margin:0; }
.grid4 { columns:4; width:100%; font-size:0.8rem; column-gap:2px; margin:0; }

@media only screen and (min-width:620px) {
  .card { width:92%; padding:3%; }
  .ch40 { padding:3% calc((92vw - 40ch)/2); }
  .ch60 { padding:3% calc((92vw - 60ch)/2); }
  .ch70 { padding:3% clamp(1%, calc((92vw - 70ch)/2), 10%); text-align:justify; }
  .pad1 { padding:1%; }
  .mtop { margin:4% auto 0.5%; }
  .grid { columns:4; } 
  .cols3 { columns:3; } 
  .home {width:4%; height:auto; } }
/*<style>*/