.header,.header-title,.slider{background-color:#000}body{font-family:Arial,sans-serif;background-color:khaki;color:#333;text-align:center}.header{padding:1rem;display:flex;justify-content:center;align-items:center;height:100px}.header-title{display:flex;justify-content:center;align-items:center;height:5rem;overflow:hidden}.header-title h1{font-style:italic;font-weight:700;font-size:5em;font-family:Brush Script MT;letter-spacing:1.5px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.marquee-container{overflow:hidden;width:100%;height:100%;display:flex}.marquee{white-space:nowrap;min-width:100%;animation-duration:5s}.bounce{animation:2s infinite bounce;transform-origin:bottom;display:inline-block}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.header-title.marquee{animation:5s linear infinite color-change}@keyframes marquee{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}@media only screen and (max-width:600px){.header-title h1{font-size:2rem;animation:5s linear infinite marquee}}@media only screen and (min-width:601px){.header-title h1{font-size:2.5rem;justify-content:center;align-items:center;animation:10s linear infinite marquee}}.container{display:flex;position:relative;width:100%;height:0;padding-bottom:56.25%;margin-top:2.5%}.slider,.video{top:0;left:0;width:100%;height:100%}.video{position:absolute}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem}.gallery-image{max-width:100%;cursor:pointer}.slider{display:none;position:fixed;justify-content:center;align-items:center}.slider-image{max-width:100%;max-height:100%}.slider-close{position:absolute;top:2rem;right:3rem;background-color:#f40bc2;border-radius:50%;transform:translate(50%,-50%) scale(1);transition:transform .3s ease-in-out;font-size:1.2rem;cursor:pointer}.slider-close:hover{transform:translate(50%,-50%) scale(1.2)}.slider-close:active{transition:none;transform:translate(50%,-50%) scale(.8);background-color:red;box-shadow:inset 0 0 10px rgba(255,255,255,.5)}@media (max-width:1024px){.gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.gallery{grid-template-columns:1fr}}@media screen and (min-width:768px){.marquee{animation-duration:5s}}