*,:after,:before{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,ol,p,ul{font-weight:400;margin:0;padding:0}body{background-color:rgba(0,0,0,.01);height:100vh;width:100vw}ul{list-style:none}a{color:#000;text-decoration:none}a:hover{text-decoration:underline}.nav{align-items:center;display:flex;font-family:Arial,sans-serif;justify-content:space-between;left:0;padding:8px;position:fixed;top:0;width:100%;z-index:4}.nav__link,.nav__title{font-size:1em}.painting__img{height:220px;object-fit:contain;padding:8px;user-select:none;width:220px}.painting__img:hover{cursor:pointer}@media (max-width:680px){.painting__img{height:auto;width:100%}}.paintings{padding-top:34px;display:flex;flex-wrap:wrap}.display{color:ivory;display:none;position:fixed;top:0;z-index:1}.display,.display__img{height:100vh;width:100vw}.display__img{cursor:pointer;object-fit:contain}.display__info{position:fixed;bottom:12px;left:12px;z-index:2}.display__info-item{font-family:monospace;font-size:1em}.display__state:checked~.display{background-color:#111;display:block}.sprite{bottom:-128px;height:128px;left:-128px;object-fit:contain;position:fixed;user-select:none;width:128px;z-index:3}