html, body{
max-width:80rem;
width:calc(100% - 1rem);
height:100%; 
margin:0 auto;
height:100vh;
display:grid;
grid-template-rows:auto 1fr auto}
main{display:flex;flex-direction:row;height;100%;margin-bottom:1rem;overflow:hidden}
main{display:grid;grid-template-columns:auto 1fr auto}
main > a{display:flex; align-items:center;justify-content:center}
main > a{padding:0 0.5rem;border:1px solid #eee}
main > a:hover{text-decoration:none;box-shadow: 0 0.25rem 0.5rem 0 rgba(0,0,0,0.2);background-color: #f1f1f1}
figure{height:100%;overflow: hidden}
img{width:100%;height:100%;object-fit:contain}