@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&family=VT323&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;height:100vh;overflow:hidden;font-family:Arial,Helvetica,sans-serif;background-color:#0f0f0f;color:#fff}.container{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:flex-end;padding:2em;font-family:VT323,monospace}.items{position:relative;width:50%;display:flex;flex-direction:column}.item{display:flex;padding:.25em .5em;cursor:pointer}.item:hover{color:#90ee90}.item-index{flex:1}.item-name{flex:4}.item-year{flex:1}.img-container{width:100%;padding-bottom:2em}.img{width:100%;height:100%;object-fit:cover}.overlay-header{width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:2em 0}.item-details{width:100%;display:flex;justify-content:space-between;padding:1em 0 4em}@media (max-width: 900px){.items{width:100%;bottom:8em}.overlay{width:100%;height:100vh}}.item-panel{position:fixed;top:0;right:0;height:100%;width:50%;background-color:#fff;box-shadow:-2px 0 4px #0003;overflow-y:scroll;z-index:1000;padding:2rem;display:flex;flex-direction:column;transform:translate(100%);transition:transform .5s ease}.item-panel.show{transform:translate(0)}.item-details{display:flex;flex-direction:column;gap:1rem;color:#000}.item-copy{background-color:#fff;color:#000;padding:1rem;overflow:hidden;word-wrap:break-word;scroll-behavior:smooth;font-family:Courier New,Courier,monospace!important}.close-button{cursor:pointer;padding:.5rem 1rem;text-align:center;background-color:#000;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:700;transition:background-color .3s ease;font-family:VT323,monospace}.item-images{display:flex;justify-content:center;margin-bottom:16px;flex-direction:column}.item-images img{width:100%}.navbar{color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:100px;margin-top:24px;margin-left:24px;font-family:VT323,monospace}.logo h1{font-size:1.5rem;margin-bottom:8px}.navbar a{color:#fff}.navbar a:hover{color:#90ee90}@media (max-width: 768px){.item-panel{width:100%;margin:0}}@media (max-width: 1024px){.item-panel{width:100%;margin:0}}.footer{font-family:VT323,monospace;position:fixed;bottom:0;left:0;width:100%;text-align:left;padding:2rem}@media (max-width: 847px){.footer p{width:100%;text-align:center}}@media (max-width: 768px){.items{width:100%;bottom:0}.container{flex-direction:column;align-items:center}}@media (max-width: 1024px){.items{width:100%;bottom:0}}