body{margin:0;padding:0;height:100%}@media(max-width: 800px){main{--grid-height: 150px;margin-top:2.2em;margin-bottom:125px}main>ul{margin:10px;padding:0}}@media(min-width: 801px){main{--grid-height: 300px}main>ul{margin:10px 15px;padding:0}}main>ul{display:flex;flex-wrap:wrap;list-style:none}main>ul li{flex-grow:1;height:var(--grid-height);margin:3px}main>ul img{height:var(--grid-height);min-width:100%;max-width:100%;object-fit:cover;cursor:pointer}#fullscreen:not(.active){display:none}#fullscreen.active{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#333;display:flex;align-items:center;justify-content:space-between}#fullscreen.active a{display:inline-block;margin:1em;color:#ccc}#fullscreen.active a.inv{visibility:hidden}#fullscreen.active a:hover{color:#ffc}#fullscreen.active nav{position:fixed;top:0;right:0}#fullscreen.active svg{width:3em;height:3em}#fullscreen.active img{max-width:calc(100vw - 10em);max-height:calc(100vh - 3em)}#icon-templates{display:none}.ico::before{display:inline-block;content:"";width:1em;height:1em;vertical-align:-0.125em;background-repeat:no-repeat;background-size:1em 1em}.ico .ico::before,.ico .ico::before svg{width:1em;height:1em}