body{font-family:Arial,sans-serif;margin:0;padding:0}header{background-color:#333;color:#fff;padding:10px 0;text-align:center}header h1{margin:0}nav ul{list-style:none;padding:0}nav ul li{display:inline;margin:0 10px}nav ul li a,nav ul li button{color:#fff;text-decoration:none;background:none;border:none;cursor:pointer;font-size:16px}nav ul li button:hover{text-decoration:underline}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px;padding:20px}.gallery img{width:100%;height:auto;object-fit:cover;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);transition:transform 0.3s ease-in-out;cursor:pointer}.gallery img:hover{transform:scale(1.1)}.video-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;padding:20px}.video-container iframe{width:100%;height:200px;border:none;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2)}footer{background-color:#333;color:#fff;padding:10px;text-align:center}h2{text-align:center;margin-bottom:20px}@media (max-width:768px){.gallery{grid-template-columns:repeat(2,1fr)}.video-container{grid-template-columns:repeat(1,1fr)}}@media (max-width:480px){.gallery{grid-template-columns:repeat(1,1fr)}.video-container{grid-template-columns:repeat(1,1fr)}}.slider-container{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.8);overflow:hidden;z-index:1000;display:none}.slider{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.slider img{max-height:99%;max-width:99%;object-fit:contain;margin:auto;transition:opacity 0.5s ease-in-out;box-shadow:0 4px 10px rgba(0,0,0,.3)}.slider-message{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:10px 20px;border-radius:5px;font-size:14px;display:none;opacity:0;transition:opacity 0.5s ease-in-out;z-index:1100}