:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0;box-sizing:border-box}#root{min-height:100vh;display:flex;display:relative}.imgContainer{display:flex;flex-direction:column}.bgImage{width:100%;height:100%;flex:1;object-fit:cover}footer{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;gap:1rem;padding:20px}footer h2{font-size:2.6rem}footer h1{font-size:1.6rem;font-weight:100}footer button{background:transparent;margin-top:auto;border:none;outline:none;color:#fff;padding:1rem;transition:.3s;cursor:pointer}footer button i{font-size:2rem}.bgGradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,#0f0f0f,#0000)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}footer button:hover{opacity:.6}.loading{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;flex:1}.loading i{opacity:.4;font-size:3rem;animation:spin 3s linear infinite}.sideBar{position:fixed;max-width:400px;margin-left:auto;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:10;animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:forwards;will-change:opacity}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bgOverlay{width:100vw;height:100vh;position:absolute;left:calc(-100vw + 100%);background-color:#0f0f0f;opacity:.4}.sideBarContent{z-index:15;position:relative;width:100%;display:flex;flex-direction:column;overflow-y:scroll;gap:1rem;padding:1rem;height:100%;max-width:800px;margin-left:auto;background-color:#0f0f0f}.description{display:flex;flex-direction:column;gap:.5rem}.descriptionHead{font-size:1.1rem;opacity:.7}.sideBarContent div{flex:1}.sideBarContent h2{font-weight:100;font-size:2rem}.sideBarContent button{background:transparent;color:#fff;border:none;outline:none;margin-right:auto;cursor:pointer;transition:.3s}.sideBarContent button:hover{opacity:.5}.sideBarContent button i{font-size:1.3rem}@media (max-width:950px){.sideBar{width:75%;box-shadow:0 0 40px 1px #0f0f0f}.sideBarContent{margin:unset}}