body {
    background: #091010;
    display: flex;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-right: 200px;
    overflow: hidden;
}

.page {
  padding-top: 30px;
    text-align: right;
    background-image: 
        url(https://file.garden/aIzP3LWBQUP6_laG/Untitled80_20250817202138.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 500px;
    height: 800px;
}


.directory {
        width: 200px;
        height: fit-content;
        position: relative;
        left: -100px;
        margin: 90px;
        
    }
    .directory #homepageimg {
        visibility: hidden;
        position: absolute;
        top: 16px;
        left: 0;
        z-index: 99;
    }
    .directory #blogimg {
        visibility: hidden;
        position: absolute;
        top: 116px;
        left: 0px;
        z-index: 99;
    }
    
  .directory #gallimg {
        visibility: hidden;
        position: absolute;
        top: 180px;
        left: 0px;
        z-index: 99;
    }
    
  .directory #shrimg {
        visibility: hidden;
        position: absolute;
        top: 244px;
        left: 0px;
        z-index: 99;
    }
  .directory #hoimg {
        visibility: hidden;
        position: absolute;
        top: 308px;
        left: 0px;
        z-index: 99;
    }
    
    

#homepageimg {
    float: right;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}