*{margin:0;padding:0;box-sizing:border-box}nav{position:fixed;display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 100px;background-color:#00fff279;transition:background-color 3s ease;color:azure;z-index:99}nav ul{display:flex;justify-content:space-around}nav ul li{padding:10px;list-style:none}nav a{text-decoration:none;color:#fff}nav.scrolled{background-color:#fff0;box-shadow:0 2px 5px #0000001a;transition:background-color 3s ease;color:#000}.parallax{top:0;background-position:center;background-size:cover;background-attachment:fixed;width:100%;height:100vh}.hero video{position:absolute;top:0;left:0;height:100vh;width:100%;object-fit:cover;background-attachment:fixed;z-index:-1}.hero{background-image:url(/assets/dashboard-background-D1PHbV5e-D1PHbV5e.jpg);background-color:#7fffd4;-webkit-backdrop-filter:1;backdrop-filter:1}.blur-background{background-color:#60ebe063;padding:20px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);height:100vh}.hero img{width:100%;height:100vh;position:fixed;z-index:-1}.hometitle{top:0;position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100vh;color:#fff}.about{top:0;background-image:url(assets/dashboard-background.jpg)}.container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.about-page{display:flex;width:100%;justify-content:space-around}.tentang-desa{width:60%;height:50vh;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;box-shadow:5px 5px 10px 5px #0000004d}body{background-image:url(/assets/dashboard-background-D1PHbV5e-D1PHbV5e.jpg);background-position:center;background-attachment:fixed;background-size:cover}.buttonKirim{display:flex;flex-direction:column;width:100%;height:100vh;align-items:center;justify-content:center}.blur{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#ffffff42}.button-menu{display:flex;width:500px;justify-content:space-between;align-items:center}.button-menu img{width:100px;height:100px;box-shadow:5px 5px 5px 5px #0000004d;border-radius:50px}.button-menu a{text-decoration:none;color:#fff;text-wrap:wrap;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.Help{height:200px;width:200px;background:linear-gradient(145deg,#da0404,#bb0101,#580000);border-radius:90%;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-size:larger;border-color:#0000007c;box-shadow:5px 5px 5px 5px #0000004d;margin-bottom:-10px}.Help:active{transform:scale(.95);background-color:#3e8e41}.helpme-title{display:flex;justify-content:center;align-items:center;color:#000;text-shadow:2px 5px 4px rgba(0,0,0,.5)}.helpme-title img{width:100px}.footer{display:flex;width:100%;padding:10px;position:absolute;z-index:99;top:0;justify-content:space-between}.footer img{width:100px;display:flex;padding:10px}h6{display:flex;justify-content:center;color:#000;text-align:center;text-shadow:2px 5px 4px rgba(0,0,0,.5);padding:10px}h1{text-align:center}@media (max-width: 600px){.button-menu{display:flex;width:100%;justify-content:space-between;padding:30px 50px}.button-menu a{text-decoration:none;color:#fff;text-wrap:wrap;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.button-menu .main{width:50px;height:50px;box-shadow:5px 5px 5px 5px #0000004d;border-radius:50px}.helpme-title{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fdfdfd;text-shadow:2px 5px 4px rgba(0,0,0,.5);font-size:10px;padding:10px;text-align:center}.helpme-title img{width:50px}h6{display:flex;justify-content:center;color:#000;text-align:center;text-shadow:2px 5px 4px rgba(0,0,0,.5);padding:10px;font-size:9px}.Help{width:150px;height:150px;border-radius:90%}}.BotAi{position:absolute;display:flex;justify-content:center;align-items:center;bottom:0;right:0;padding:10px;margin:20px;height:60px;width:60px;border-radius:50%;background-color:#3e8e4100;z-index:98}.BotAi img{width:70px;height:70px;box-shadow:5px 5px 5px 5px #0000004d;border-radius:50px;z-index:99}.web{position:absolute;display:flex;justify-content:center;align-items:center;bottom:0;left:0;padding:10px;margin:20px;height:60px;width:60px;border-radius:50%;background-color:#3e8e4100;z-index:98}.web img{width:70px;height:70px;box-shadow:5px 5px 5px 5px #0000004d;border-radius:50px;z-index:99}.cc{position:absolute;bottom:0;left:0;padding:10px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:10px;display:flex;align-items:center;justify-content:center}.cc img{width:50px;padding:10px}body.active-modal{overflow-y:hidden}.btn-modal{padding:10px 20px;position:absolute;left:50%;transform:translate(-50%,-50%);margin:0 auto;font-size:18px;top:0;z-index:999}.modal,.overlay{width:100vw;height:100vh;top:0;left:0;right:0;bottom:0;position:fixed;z-index:998}.overlay{background:#313131cc}.modal-content{position:absolute;text-align:center;top:40%;left:50%;transform:translate(-50%,-50%);line-height:1.4;color:#fff;text-align-last:center;text-shadow:3px 3px 4px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff5d;padding:19px 28px;border-radius:3px;max-width:600px;min-width:300px;box-shadow:3px 3px 5px 3px #0000004d;z-index:999}input{border-radius:10px;box-shadow:3px 3px 5px 3px #0000004d}button{border-radius:10px;box-shadow:3px 3px 5px 3px #0000004d;width:50px}.close-modal{position:absolute;top:10px;right:10px;padding:5px 7px}.load{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}