#preloader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999;object-fit:cover;background:#000}#preloader video{object-fit:cover}body.loaded #preloader{opacity:0;visibility:hidden;transition:all 1.5s ease}body{background-image:url(../images/parallax-bg.jpg);height:100vh;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;font-family:Arial,sans-serif;margin:0;padding:0}header,footer{background-color:#333;color:#fff;padding:20px 60px}footer{padding:60px}header img{width:160px}footer p{font-size:14px;color:#bbb;margin:0}.utama{background-color:transparent;position:fixed}.utama h1{color:transparent;background-color:transparent}nav a{color:#fff;margin:0 15px;text-decoration:none;font-weight:700}section{padding:120px 20px;text-align:center}#hero{background-color:#e3f2fd;padding:60px 20px}ul{list-style:none;padding:0}.pintu,.pintu2{position:absolute;margin:108px 108px 108px 80px;width:185px}.pintu1{position:absolute;margin:122px 108px 108px 80px;width:175px}.pintu3{width:340px}.content{height:100vh;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px}.move-on-click{transition:transform 1.5s ease;cursor:pointer}.moved{transform:translate(160px)}.video-bg{position:fixed;top:0;left:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1;width:100%}@media (min-width: 992px) and (max-width: 1200px){.pintu,.pintu1,.pintu2{margin:95px 108px 108px 68px;width:161px}}@media (min-width: 768px) and (max-width: 992px){.pintu,.pintu1,.pintu2{margin:73px 108px 108px 50px;width:115px}.moved{transform:translate(120px)}}@media (max-width: 769px){.pintu,.pintu1,.pintu2,{}.utama{position:absolute;justify-self:anchor-center}}@media (max-width: 768px){.video-bg{width:100%;height:auto}header img{max-width:80%}.container{padding-left:15px;padding-right:15px}footer p{font-size:14px}}@media (max-width: 440px){.pintu3{width:250px}.pintu,.pintu2{margin:80px 108px 108px 55px;width:136px}.pintu1{margin:88px 108px 108px 55px;width:130px}}@media (max-width: 370px){.p-3{text-align:center;padding:1rem 0}footer{font-size:12px}}@media (max-width: 335px){.pintu,.pintu1,.pintu2{margin:55px 108px 108px 31px;width:78px}.pintu3{width:150px}section{padding:60px 20px;text-align:center}.moved{transform:translate(80px)}}@media (max-width: 235px){.pintu,.pintu1,.pintu2{margin:25px 108px 108px 17px;width:46px}.pintu3{width:80px}header{padding:20px 0 0}header img{width:100px}footer{padding-left:30px;padding-right:30px}.moved{transform:translate(40px)}}