:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;display:block}.main{margin-top:20px;display:flex;flex-direction:column;align-items:center}.post-details{padding:24px;display:flex;gap:20px;justify-content:center;align-items:center}.main-post{width:100%;display:grid;flex-direction:row;grid-template-columns:repeat(4,1fr);gap:15px;justify-items:center;align-items:center}.post{background-color:#5e6060;width:200px;height:180px;margin-top:20px;border-radius:10px;display:block;align-content:center;overflow:hidden}.post:hover{transform:scale(1.05);transition:all .3s ease-in-out;cursor:pointer}.post-image{width:100%;height:50%;object-fit:contain}.loading{color:#fff;margin-top:50px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}@media (max-width: 600px){.post{width:40vw}.main-post{grid-template-columns:repeat(2,1fr)}}#root{max-width:1280px;margin:0 auto;padding:.01rem;text-align:center}