/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 #kiri {
    position: relative;
}
#kiri > div > p {
    position: absolute;
    top: 50%;
    left: 50%;
    text-wrap: nowrap;
    white-space: nowrap;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  transform:  translateX(-50%) translateY(-50%) rotate(-90deg);
}
#kanan {
    position: relative;
}
#kanan > div > p {
    position: absolute;
    top: 50%;
    left: 50%;
    text-wrap: nowrap;
    white-space: nowrap;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  transform:  translateX(-50%) translateY(-50%) rotate(90deg);
}

#desk_cov {
    position: fixed;  
    left: 0;  
    top: 0;  
    width: calc(100% - 600px);  
    height: 100vh;  
    overflow: hidden; 
}

#isi {
    margin-left: calc(100% - 600px);  
    width: 600px; 
}

@media (max-width: 500px) {
    #desk_cov {
        display: none; 
    }
}


@media (max-width: 1024px) {
    #desk_cov {
        width: 50%; 
    }

    #isi {
        margin-left: 50%; 
        width: 50%; 
    }
}
@media (max-width: 768px) {
    #desk_cov {
        display: none; 
    }

    #isi {
        margin-left: auto;
        margin-right: auto;
        width: 500px;
    }
}

body{
    overflow-x: hidden !important;
}
@media (min-width: 990px) {
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 2px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}
}