body {
    overflow: hidden
    
}
::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FF0000;
}

p {
font-family: "Jura"
    
    
}
.item {
background-image: url('/AUGAZA/nurus%20house.png');
background-repeat: no-repeat;
max-width: 100%;
width: 900px;
height: 375px;
text-align: center;
}
        
.n {
margin: auto;
width: 250px;
position: relative;
top: 29%;
left: 0%;
z-index: 1; 
}
                
.p1 {
max-width: 100%;
margin: auto;
z-index: 5;
position: relative;
top: 10%;
right: 30%;
width: 100px;
height: auto;
}
                
.p2 {
max-width: 100%;
margin: auto;
z-index: 5;
position: relative;
bottom: 53%;
left: -25%;
width: 100px;
height: auto;
}
                
.p3 {
max-width: 100%;
margin: auto;
z-index: 5;
position: relative;
top: -65%;
Left: 24%;
width: 100px;
height: auto;
}

button {
    background: transparent;
    border: transparent;    
}


.tab {
    max-width: 100%;
}

.tab:active {
    display: visible;
    overflow: scroll;
}

.tab button {
    background: transparent;
    border: transparent;
}

.tab button:hover {
    cursor: grab;
    filter: drop-shadow(0px 0px 3px lavender);
    z-index: 2
}

.tab button:active {
    max-width: 100%;
}

.tabcontent {
    display: none;
    background-image: url('/MISC/bubble.gif');
    background-repeat: no-repeat;
    width: 300px;
    height: 253px;
    margin: auto;
    overflow: scroll;
    transition: ease-in 3s;
}

.tabcontent:active{
    transition: ease-in 3s;
}
                
.tabcontent > .tabtext {
padding: 7px;
width: 250px;
height: 110px;
margin-top: 30px ;
margin-left: 20px;
color: black;
font-family: monospace;
font-size: 13px;
overflow: scroll;                  
}
                
                
.block {
    background: transparent;
    width: 300px;
    position: absolute;
    bottom: 50%;
    left: 69%;
}


.port {
    width: 100px;
    border: 1px dotted white;
    border-radius: 3px;
    text-align: center;
    z-index: 0;
    background: black;
}


.gallery {
    border: 1px dotted white;
    border-radius: 3px;
    width: 220px;
    height: 120px;
    text-align: center;
    color: white;
    max-width: 100%;
    padding: 3px;
    background: black;
    
    
}

.gallery > a {
    text-decoration: none;
    width: 100px;
    transition: filter 0.2s ease;
}

.gallery > a:hover {
    cursor: grab;
    filter: drop-shadow(0px 0px 6px chartreuse);
    transform: scale(1.1);
    z-index: 2
    
}

.minis {
    position: absolute;
    display: flex;
    left: 58%;
    top: 70%;
    height: 100px;
    align-items:baseline
}