body,h1,h2,p{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#000;display:flex;flex-direction:column}.gif-img{max-width:100%;height:auto;border-radius:8px}.header{background-size:cover;background-position:50%;color:#000;padding-bottom:50px}.header-content{position:relative;width:200%;height:100%;max-width:2000px}.header img{width:200%;height:auto;object-fit:cover;max-height:100%}.main-content{flex:1 1;text-align:center;padding:20px}.main-image{max-width:100%;height:auto;border-radius:8px}.gif-container{text-align:center;margin:20px 0}.gif-img1,.gif-img2,.gif-img3{max-width:70%;height:auto;border-radius:8px}.navbar{background-color:#28a74677;padding:10px 0;position:fixed;z-index:999;width:100%;border-bottom:1px solid #28a745}.max-width{max-width:1300px;padding:0 10px;margin:auto}.navbar .max-width{display:flex;align-items:center;justify-content:space-between}.navbar .menu li{list-style:none;display:inline-flex}.navbar .menu li a{text-decoration:none;display:block;color:#fff;font-size:18px;font-weight:400;margin-left:25px}.menu-btn{display:none}@media (max-width:947px){.menu-btn{display:block;font-size:30px;color:#fff;cursor:pointer;z-index:1000}.header{padding-bottom:20px}.header-content{max-width:100%;padding:0 20px}.header img{width:100%;height:auto}.navbar .menu{background-color:#28a7468f;position:fixed;height:100vh;width:50%;right:-100%;top:0;text-align:left;padding-top:50px;transition:right .3s ease}.navbar .menu.active{right:0}.navbar .menu li{display:block;margin:20px 0}.navbar .menu li a{display:block;font-size:25px;color:#fff}.max-width{max-width:930px}.gif-container{margin:20px 0}.gif-img1,.gif-img2,.gif-img3{max-width:100%}}.footer{background-color:#28a746;color:#fff;text-align:center;padding:10px 20px;position:relative;width:100%}.social-icons a{margin:0 10px;color:#fff;text-decoration:none;font-size:2rem}.social-icons a:hover{color:#d4d4d4}