.App{font-family:Arial,sans-serif}main{padding:20px}body,html{margin:0;padding:0;height:100%}.announcement-container{width:100%;max-width:100;margin:0 auto;position:relative;padding-top:8px}.announcement{position:relative;width:100%;overflow:hidden;border-radius:15px}.announcement-inner{display:flex;transition:transform .5s ease}.announcement-item{min-width:100%;box-sizing:border-box;text-align:center;padding:20px;background:#98d2e9;border:1px solid #ddd;border-radius:15px;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.2)}.prev{left:0}.next{right:0}.photo-carousel-container{width:100%;margin:0 auto;position:relative}.photo-carousel{position:relative;width:100%;overflow:hidden;border-radius:15px;outline:none}.photo-carousel-inner{display:flex;transition:transform .5s ease}.photo-carousel-item{min-width:100%;box-sizing:border-box;position:relative;height:600px;overflow:hidden}.photo-carousel-item img{width:100%;height:100%;object-fit:cover;display:block}.prev,.next{position:absolute;top:50%;height:100%;width:3%;transform:translateY(-50%);background-color:#71b3bd00;color:#fff;border-radius:15px;cursor:pointer;z-index:1;transition:opacity .3s ease,border-radius .3s ease;border:none}.prev:hover,.next:hover{opacity:.7}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(8,1fr);gap:10px}.gallery-item{background:#f0f0f0;border:1px solid #ccc;overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:cover}@tailwind base;@tailwind components;@tailwind utilities;