#web_html{
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 1; 
    left: 0%;
    top: 0%;
    background-image: linear-gradient(#6BBABA, #0B4B70);
  
    z-index: 9991;
        }
#bg_color{
   position: fixed;
    width: 100%;
    height: 100%;
  opacity:0.5;
   background-image: url("../img/Sukarno,_Kami_Perkenalkan_(1954),_p9%201.jpg"); 
    background-size: cover; 
}
#bhs_ind{
   position: fixed;
  width:24.5%;
 right:12%;
 top:5.4vw; 
}
#help{
   position: fixed;
  width:7%;
 right:3%;
 top:5vw; 
}
#title{
   position: fixed;
  width:82.9%;
 right:8.5%;
 top:20vw; 
 z-index:2;
}
#ar_sukarno{
   position: fixed;
  width:99.5%;
 height:100vw; 
 max-height:50%;
 left:0.5%;
 top:50vw; 
 background-image: url("../img/kemlu copy 2.png"); 
    background-size: contain; 
 background-repeat:no-repeat;
 background-position-x:50%;
 
   
 pointer-events: none; 
 
}
#btn_start{
 position: fixed;
  width:62%;
 left:19%;
 bottom:15vw;
 z-index:4; 
}
#ar_ui{
  position: fixed;
    width: 100%;
    height: 1vw;
  z-index: 9993;
}
#reset{
  position: fixed;
    width: 11.34%;  
 top:5vw;
 right:5vw;
}
#kongres{
  position: fixed;
    width: 30.4%;  
 top:5vw;
 left:3vw;
  z-index: 9993;
}
#panca{
  position: fixed;
    width: 30.4%;  
 top:5vw;
 left:3vw;
  z-index: 9993;
}

        #overlay{ 
         
         position: fixed;
             width: 59%;  
          top:85vw;
          left:42vw;
          width: 100%;
          height: 100%;
        
            opacity:1;
        }
        .loader {
          border: 7px solid #f3f3f3;
          border-top: 7px solid #27A1A1;
          border-radius: 50%;
          width: 10%;
          height: 10vw;
          animation: spin 2s linear infinite;
        }
        .loader2 {
          border-radius: 50%;
          width: 80px;
          height: 80px; 
            margin-left:-87px;
         display:none;
        }
        @keyframes spin {
          0% { transform: rotate(0deg); }
          100% { transform: rotate(360deg); }
        }
#loading{
 z-index:9999;
  position: fixed;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#6BBABA, #0B4B70);
}
#goar{
 position: fixed;
    width: 20%;  
 bottom:5vw;
 left:40vw; 
}
#kemlu{
 position: fixed;
    width: 59%;  
 top:45vw;
 left:20.5vw;
}
#wait{
 position: fixed;
    width: 59%;  
 top:105vw;
 left:20.5vw;
 color:white;
 font-family: "Montserrat", sans-serif; 
  font-weight: 500;
  font-style: normal;
 font-size:3vw;
 text-align:center;
} 
@media (orientation: portrait) {
    #landscape {
       display:none;
    }
}

/* Gaya khusus untuk orientasi landscape */
@media (orientation: landscape) {
    #landscape {
    background-image: url("../img/image 223 (1).png"); 
  z-index:9999;
     position:fixed;
     width:100%;
     height:100%;
     background-size:contain;
    }
}
#kemlu_l{
 position: fixed;
    width: 10%;  
 top:5vw;
 left:45vw;
}
#qr{
 position: fixed;
    height: 60%;  
 top:calc(0vh + 12vw);
 left:50%;
 transform:translateX(-50%);
}