:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#030615;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}#root{display:flex;flex-direction:row;min-height:100vh;position:relative}.imgContainer{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;z-index:0}.bgImage{width:100vw;height:100%;object-fit:cover;z-index:0}footer{position:fixed;bottom:0;left:0;width:100%;display:flex;gap:1rem;justify-content:space-between;padding:1rem;z-index:10}footer div{display:flex;flex-direction:column}footer h2{font-size:1.4rem}footer h1{font-size:.9rem;font-weight:200}footer button{background:transparent;color:#fff;border:none;outline:none;padding:1rem;transition:.2s;z-index:10}footer button img{font-size:1.3rem}footer button:hover{opacity:.5;cursor:pointer}.bgGradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,#030615,#fff0)}div.sidebar{position:fixed;top:0;right:0;width:100%;height:100%;background-color:#030615;z-index:1000;transform:translate(100%);transition:transform .3s ease}div.sidebar.open{transform:translate(0)}.bgOverlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;cursor:pointer}.sidebarContents{display:flex;flex-direction:column;padding:1rem;height:100%;overflow-y:auto}.sidebarContents h2{font-size:1.4rem;font-weight:200}.sidebarContents button{background:transparent;color:#fff;border:none;outline:none;margin-right:auto;cursor:pointer;transition-duration:.2s;padding:1rem 0;z-index:10}.sidebarContents button:hover{opacity:.7}.descriptionTitle{font-size:1.1rem;font-weight:200}.descriptionContainer{display:flex;flex-direction:column;gap:.5rem}.loadingState{display:flex;align-items:center;justify-content:center;flex:1}.loadingState i{opacity:.2;font-size:3rem;animation:spin 1s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 640px){.sidebar{position:relative;inset:unset;max-height:100vh;transform:translate(0);box-shadow:0 0 40px 1px #030615}div.sidebar{width:30%}.sidebarContents{margin:unset;width:100%}}