*{box-sizing:border-box}html,body{background-color:#fff;width:100%;margin:0;padding:0;font-family:Poppins,Arial,sans-serif;font-size:17px;overflow-x:hidden;-webkit-filter:none!important;mix-blend-mode:normal!important}@media (prefers-color-scheme:dark){html,body{color:#000!important;filter:none!important;background-color:#fff!important}}.tentang-deskripsi{color:#e0e0e0;z-index:2;max-width:100vw;margin-top:2vw;margin-left:2vw;font-size:2vw;line-height:1.5}.login-mobile-logout{display:none}.tentang-deskripsi-logo{align-items:center;gap:4px;display:flex}.logo-himatif{z-index:1;filter:drop-shadow(0 0 30px #fc0);width:auto;height:40rem;margin-left:0;margin-right:0}.navbar{z-index:999;background-color:#fff;justify-content:space-between;align-items:center;width:100%;height:40px;padding:2rem;transition:all .3s;display:flex;position:fixed;box-shadow:0 3px 10px #0000001a}.logo1{width:auto;max-width:100%;height:50px;transition:transform .3s}.logo1:hover{transform:scale(1.05)}.vote1:hover{background-color:#ffb300}.vote1:active{transition:transform .7s;transform:scale(.8)}.nav{margin:0;padding-left:30px;list-style-type:none;display:flex}.nav li{padding-left:40px;position:relative}.nav a{color:#000;font-size:18px;font-weight:400;text-decoration:none;transition:color .3s}.nav a:after{content:"";background-color:#fc0;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:31px}.nav a:hover{color:#ffb300}.nav a:hover:after{width:80%}.login-desktop{color:#000;background-color:#fc0;border-radius:30px;padding:10px 25px;font-size:18px;font-weight:600;text-decoration:none;list-style-type:none;transition:all .3s;display:inline-block;box-shadow:0 2px 5px #00000026}.login-desktop-logout{color:#fff;background-color:#bf1a1a;border-radius:30px;padding:10px 25px;font-size:18px;font-weight:600;text-decoration:none;list-style-type:none;transition:all .3s;display:inline-block;box-shadow:0 2px 5px #00000026}.vote1{color:#000;background-color:#fc0;border-radius:15px;margin-top:30px;padding:1.25rem 5.625rem;text-decoration:none}.vote2{color:#000;text-align:center;background-color:#fc0;border-radius:15px;width:40%;margin:1rem auto;font-weight:600;text-decoration:none}.vote2:hover{background-color:#ffb300}.vote2:active{transition:transform .7s;transform:scale(.8)}.info{color:#000;border:2px dashed #000;border-radius:15px;margin-top:30px;padding:1.25rem 5.625rem;text-decoration:none}.info:hover{border:2px solid #000}.info:active{transition:all .7s;transform:scale(.8)}.login-desktop:hover,.login-desktop-logout:hover{background-color:#ffb300;transform:translateY(-2px)}.login-desktop a,.login-desktop-logout a{color:#000;text-decoration:none}.tampilan{align-items:center}.menu-icon{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;padding:0;transition:transform .3s;display:none}.menu-icon:hover{transform:scale(1.1)}.line{background-color:#000;border-radius:2px;width:28px;height:3px;margin:5px 0;transition:all .3s}.content{flex:1}.login-mobile{display:none}.logo-container{flex-direction:column;justify-content:center;align-items:center;height:calc(100vh + 68px);display:flex}.logo2{width:60vw;max-width:500px;height:auto;margin-top:0;display:block}.tentang-peluit{color:#fff;background-color:#393636;flex-flow:column wrap;padding:100px 50px;display:flex}.tentang-judul1{margin-left:1vw;font-size:5vw}.tentang-judul2{background:linear-gradient(90deg,#fc0,#f90);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-left:1vw;font-size:5vw}.tentang-deskripsi-vote{flex-direction:column;justify-content:center;display:flex}.image5{width:17vw;height:auto;margin-left:6vw}.peluit-judul1{margin-left:1rem;font-size:4vw}.peluit-judul2{background:linear-gradient(90deg,#fc0,#f90);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-left:1vw;font-size:4vw}.gambar-tanda-tanya{width:20vw;min-width:5vw;max-width:10rem;height:auto}.peluit-text-container-spacebetween{align-items:flex-start;display:flex}.peluit-text-gambar{max-width:70vw;display:flex}.gambar-peluit{width:17rem;height:auto;margin-left:3px}.peluit-untukapa-text{z-index:3;max-width:55vw;margin-top:3vw;margin-left:1.3vh;font-size:2.4vh;line-height:1.5;display:flex}.judul-peluit{width:auto;margin-top:12vh;display:inline-flex}.peluit-text-container{z-index:1;flex-flow:column wrap;margin-left:2.8rem;display:flex}.peluit-baris{flex-direction:column;display:flex}.peluit-untuk-apa{justify-content:flex-start;margin-bottom:20vh;display:flex}.peluit-baris,.judul-container{display:flex}@media (max-width:1024px){.vote1,.vote2,.info{padding:1rem 4rem}.tentang-deskripsi-logo{flex-direction:column}.tentang-deskripsi{margin-bottom:0;font-size:3.2vw}.logo-himatif{width:auto;height:40vw;margin-left:0;margin-right:0}.peluit-untukapa-text{z-index:2;max-width:55vw;font-size:2vh}.gambar-peluit{display:none}}@media (max-width:768px){.navbar{width:100%}.login-mobile-logout{color:#fff;background-color:#bf1a1a;border-radius:30px;margin-bottom:20rem;padding:10px 25px;font-size:18px;font-weight:600;text-decoration:none;list-style-type:none;transition:all .3s;display:inline-block;box-shadow:0 2px 5px #00000026}.login-desktop-logout{display:none}.nav a:hover:after{width:30%}.content{background-color:#fff;border-top:3px solid #fc0;flex-direction:column;align-items:center;padding-bottom:17rem;transition:all .4s;display:none;position:absolute;inset:67px 0 0;box-shadow:0 8px 20px #0000001a}.content.active{padding-right:0;animation:.4s forwards slideDown;display:flex}.nav a:after{left:35%}.login-desktop{display:none}.login-mobile{color:#000;background-color:#fc0;border-radius:30px;margin-bottom:20rem;padding:10px 25px;font-size:18px;font-weight:600;text-decoration:none;list-style:none;transition:all .3s;display:inline-block;box-shadow:0 2px 5px #00000026}.login-mobile:hover{background-color:#ffb300;transform:translateY(-2px)}.gambar-tanda-tanya{width:32vw;margin-left:1.7rem}.menu-icon{display:flex}.nav{text-align:center;flex-direction:column;width:40%;padding:20px;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.nav li{width:100%;margin-top:20px;margin-bottom:10px;padding-left:0;padding-right:0}.peluit-text-container-spacebetween{flex-direction:column;display:flex}.judul-peluit{margin-top:2vw}}@media (max-width:640px){.navbar{width:100%}}@media (max-width:480px){.logo1{height:36px;margin-top:10px}.image6{display:none}.image5{width:25vw}.peluit-untukapa-text{max-width:80vw;font-size:2.3vh}.logo-himatif{width:auto;height:40rem;margin-left:0;margin-right:0}.judul-peluit{margin-top:3vh}.peluit-judul1{font-size:3vh}.peluit-judul2{margin-left:3vw;font-size:3vh}.peluit-white-background{background-color:#fff;flex-direction:column;height:90vh;display:flex}}
.footer{color:#d1d1d1;background-color:#2f2b2b;padding:3rem 1rem;font-family:Poppins,sans-serif}.footer-container{flex-flow:wrap-reverse;justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.sosmed-container{flex-direction:row;align-items:center;display:flex}.logo-footer{opacity:.9;width:300px;height:auto}.logo-sosmed{opacity:.9;width:40px;height:auto}