@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap);:root{--background:#eff1f5;--background-secondary:white;--text:#121212;--accent:color-mix(in srgb, currentColor, transparent 50%)}*{box-sizing:border-box}body{font-size:16px;font-family:'Space Grotesk',sans-serif;font-optical-sizing:auto;background-color:var(--background);color:var(--text);margin:0;padding:1em}a{color:var(--text);text-decoration-thickness:2px;text-underline-offset:2px;text-decoration-skip-ink:none}a:not(:hover,:focus){text-decoration-color:var(--accent)}img{background-color:var(--background-secondary)}.card{padding:1rem;border:2px solid var(--text);background-color:var(--background-secondary)}body{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.close{position:absolute;top:1rem;right:1rem;font-size:1.5em;line-height:1ch;text-decoration:none}main{display:flex;max-height:100%;max-width:100%;gap:1em;justify-content:center}img{height:auto;width:auto;object-fit:contain;overflow:hidden}.info{align-self:flex-end}.line{width:max-content}.line.date{margin-bottom:.5em}.line.bold{font-weight:450;font-size:1.1em}@media (orientation:portrait){main{flex-direction:column}img{margin-right:auto}.info{align-self:start}}