body{
	margin:0px;
	background-color: lightblue;
	pointer-events: none;
}
.ainava{
	width: 200%;	
	height: 400%;
	display: flex;
	flex-direction:column;
	pointer-events:none;

}
.debess{
	display:grid;
	width:100%;
	height:500px;
	pointer-events:none;

}
.ezers{
	position:relative;
	width:100%;
	height:370vh;
	background: linear-gradient(180deg,rgba(0, 183, 255, 0.5) 0%, rgba(0, 19, 61, 0.5) 100%);
}

.laipa{
	position:absolute;
	top:  280px;
	left: -20px;
	width :650px;
	height: 400px;
	z-index: -1;
	background: url(/atteli/zive/laipa.svg) ; 
	       	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;

}
.zeme{
	position: absolute;
	height: calc(370vh - 100px);
	background: linear-gradient(180deg,rgba(212, 194, 123, 1) 0%, rgba(150, 87, 48, 1) 39%, rgba(46, 46, 46, 1) 87%);
	width: 600px;
	top:600px;
	z-index: -1;
	left: -50px;
}
.objekts{
	position: absolute;
	pointer-events: auto;
}
.zemudens{
	position: absolute;
	background-color: #D4C27B;
	bottom: 0px;
	width: 100%;
	height:100px;
	z-index: -5;
	opacity: 1;

}
.nieki{
	position:absolute;
	bottom:100px;
	width: 100%;
	height: 200px;
	z-index:-5;
	display: flex;
	flex-direction: row;


}
.poga{
pointer-events: auto;
cursor: pointer;
}
.durvis{
display:none;
}