:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{font-family:Arial,sans-serif;background-color:#f0f2f5;margin:0;padding:0}.container{display:flex;flex-direction:column;align-items:center;gap:20px;justify-content:center;height:fit-content}.hero{text-align:center;max-width:400px;padding-top:70px;margin:0 auto}.hero span{font-weight:700}.post-card{background-color:#fff;width:450px;border-radius:15px;box-shadow:0 2px 10px #0000001a;overflow:hidden;margin-top:20px;font-size:.75rem}.post-card img{width:100%;height:180px;object-fit:cover}.post-card .content{padding:10px 8px}#listButton{text-decoration:none;background-color:#ffc60a;color:#000;padding:15px;border-radius:2px;width:fit-content;margin:0 auto}.navbar{background-color:#333;overflow:hidden;position:fixed;width:100%;top:0;z-index:1000}.navbar a{float:left;display:block;color:#fff;text-align:center;padding:14px 20px;text-decoration:none}.navbar a:hover{background-color:#ddd;color:#000}.cardLists{display:flex;justify-content:center;flex-direction:row;width:90dvw;flex-wrap:wrap;gap:10px}.image-container{position:relative;width:100%;overflow:hidden}#main-img{width:100%;height:auto;border-radius:8px;transition:transform .5s ease-in-out}.arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;padding:10px;cursor:pointer;font-size:24px;z-index:10;transition:background-color .3s}.arrow:hover{background-color:#000c}.left{left:10px}.right{right:10px}@media (max-width: 600px){.cardLists{flex-direction:column;align-items:center}.post-card{width:90%;height:fit-content}.post-card .content h3{font-size:16px}.post-card .content p{font-size:12px}}