* {box-sizing:border-box;}

body {font-family:sans-serif; margin:0;}

div#container {background-color:whitesmoke; min-height:100vh;}

div#container section {background-color:blanchedalmond; border-bottom:1px solid #0004; /* min-height:10rem; */ padding:1rem;}
div#container section main {display:flex; flex-direction:row; align-items:flex-start; gap:1rem; width:100%;}

div#container section#tags main {flex-wrap:nowrap; justify-content:flex-start;}
div#container section#tags main {overflow-x:auto; scrollbar-width:none;}
div#container section#tags main div.tag {display:flex; justify-content:center; align-items:center; width:auto; min-width:4em; min-height:2em; padding:.125rem 2rem 0;}
div#container section#tags main div.tag {border:2px solid black; border-radius:6rem; font-size:.75rem; white-space:nowrap;}
div#container section#tags main div.tag:empty::after {content:'-';}

div#container section#gallery {text-align:center;}
div#container section#gallery main {flex-wrap:wrap; justify-content:center;}
div#container section#gallery main div.image {min-width:12rem; min-height:0; background-size:cover; background-position:center;}
div#container section#gallery main div.image::after {content:''; display:block; background-color:#0002; width:100%; padding-top:62.5%;}
div#container section#gallery button.loadbtn {margin-top:1rem;}