*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;min-height:100vh;font-family:sans-serif}body{color:#eee7e7;scroll-behavior:smooth;background-color:#1a181b;padding:1rem 1rem 100px;overflow-x:hidden}main{width:100%}main h2.letter{text-transform:capitalize;border-top:1px solid #eee7e780;margin-top:.5rem;padding:.5rem}div.category{min-width:100%;padding:1rem}div.category h3{text-transform:capitalize;letter-spacing:.2rem;margin-bottom:1rem}div.image-slider{scroll-snap-type:x mandatory;scrollbar-gutter:stable both-edges;-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;gap:1rem;padding:.5rem 0;display:flex;overflow-x:scroll}div.image-slider::-webkit-scrollbar{display:none}div.entry{scroll-snap-align:center;border:1px solid #eee7e7;border-radius:1rem;min-width:min(20rem,100%);max-width:30rem;height:60vh}div.entry.text{letter-spacing:.1rem;text-align:justify;white-space:pre-line;padding:1rem;line-height:150%;overflow-y:auto}div.entry.image{max-width:5000px}div.entry.image img{object-fit:cover;border-radius:1rem;width:100%;height:100%}nav.navigation{scrollbar-gutter:stable both-edges;-ms-overflow-style:none;scrollbar-width:none;background-color:#222222ce;border-radius:1rem;flex-direction:row;gap:.5rem;padding:.5rem;display:flex;position:fixed;bottom:.5rem;left:.5rem;right:.5rem;overflow-x:scroll;box-shadow:2px 2px 1rem #00000060}nav.navigation::-webkit-scrollbar{display:none}nav.navigation a{text-align:center;vertical-align:middle;text-transform:uppercase;color:#fff;background-color:#000000b3;border-radius:50%;width:40px;min-width:40px;height:40px;line-height:40px;text-decoration:none}