body {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
    background:url('./img/bgd.jpg');
    
}

h1{
    font-size:100px;
    margin-left: -1500px;
    position: absolute;
    margin-top: 300px;
    background-color: red;
    padding: 50px;
}

.menu{
    margin-top: 1140px;
   
    position: absolute;
}

.menu p{
    font-size: 25px;
    padding: 5px;
    /* background-color: yellow; */
    color: white;
    
}


.translate {
    transform: translateX(750px);
    transition-duration: 500ms;
}
.start{
    margin-top:10px;
    margin-left:-30px;
    position: absolute;
    width: 300px;
    font-size: 40px;
    color: white;
    background-color: green;
    border-color: green;
    padding: 20px;
    border-radius:10px;
    cursor:pointer;
    height: 90px;
}
.startwiekszy{
    width: 330px;
    height:100px;
    padding: 25x;
    transition-duration: 500ms;
    margin-left:-45px;
    
}
.audio{
    position: absolute;
    background-color: white;
    margin-left: -1100px;
    padding: 10px;
    margin-top:-200px;
}
.audio p{
    font-size:20px;
    font-weight: 600;
}
.activebtn{
    background-color:green;
}

.inactivebtn{
    background-color:red;
}

.startinfo{
    position:absolute;
    margin-top: 700px;
    font-size: 30px;
    max-width: 900px;
    color: white;
    background-color: black;
    padding: 25px;
    transition-duration: 500ms;
    opacity:0;
}

.opacity{
    opacity:1;
    transition-duration: 500ms;

}
.gamebox {
    width:1100px;
    height:800px;
    background-color: rgba(255, 255, 255, 0.7);
     display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
 
   
}
.jaszczomb{
    margin-right:1000px;
    margin-bottom: -600px;
    position:absolute;
    z-index:9999;
}

.money1{
    position:absolute;
    margin-bottom:500px;
    margin-right:1000px;
    z-index:9;
}

.money2{
    position:absolute;
    margin-bottom:600px;
    margin-right:-250px;
    z-index:9;
}
.money3{
    position:absolute;
    margin-bottom:200px;
    
    z-index:9;
}
.money4{
    position:absolute;
    margin-bottom:600px;
    margin-right:-550px;
    z-index:9;
}
.money5{
    position:absolute;
    margin-bottom:-600px;
    margin-right:-550px;
    z-index:9;
}
.money6{
    position:absolute;
    margin-bottom:0px;
    margin-right:-600px;
    z-index:9;
}
.money7{
    position:absolute;
    margin-bottom:0px;
    margin-right:-1000px;
    z-index:9;
}
.money8{
    position:absolute;
    margin-bottom:-600px;
    margin-right:-250px;
    z-index:9;
}

.skarb{
    position:absolute;
    margin-bottom:700px;
    margin-right:800px;
    z-index:9;
    
    transition-duration: 500ms;
}
.absolute{
    position:absolute;
}

#sciana1{
    height:400px;
    width:10px;
    background-color:black;
    margin-right: 700px;
    margin-bottom: 0px;
    position: absolute;
    
}

#sciana4{
    height:50px;
    width:10px;
    background-color:black;
    margin-right: 500px;
    margin-bottom: 0px;
    position: absolute;
    
}

#sciana5{
    height:50px;
    width:10px;
    background-color:black;
    margin-right: -700px;
    margin-bottom: 0px;
    position: absolute;
    
}

#sciana6{
    height: 10px;
    width: 400px;
    background-color: black;
    margin-right: -100px;
    margin-bottom: 0px;
    position: absolute;
}

#sciana7{
    height:400px;
    width:10px;
    background-color:black;
    margin-right: 900px;
    margin-bottom: -400px;
    position: absolute;
}


#sciana8{
    height:200px;
    width:10px;
    background-color:black;
    margin-right: 900px;
    margin-bottom: 600px;
    position: absolute;
}


#sciana9{
    height:200px;
    width:10px;
    background-color:black;
    margin-right: -400px;
    margin-bottom: -600px;
    position: absolute;
}


#sciana10{
    height:200px;
    width:10px;
    background-color:black;
    margin-right: -400px;
    margin-bottom: 600px;
    position: absolute;
}
    
#sciana11{
    height:400px;
    width:10px;
    background-color:black;
    margin-right: -900px;
    margin-bottom: 0px;
    position: absolute;
    
}

#sciana2{
    height: 10px;
    width: 600px;
    background-color: black;
    margin-right: -100px;
    margin-bottom: -400px;
    position: absolute;
    
}

#sciana3{
    height: 10px;
    width: 600px;
    background-color: black;
    margin-right: -100px;
    margin-bottom: 400px;
    position: absolute;
    
}

.info{
    color: red;
    background-color: yellow;
    padding:25px;
    font-size:30px;
    position:absolute;
    z-index:99999999;
}
.beforedata {
    font-size:12px !important;
    position: absolute !important;
    margin-top: 30px;
    text-align: center;
    width: 90%;
}
.beforedata p{
    font-size:12px;
    
 
}
.hide{
    display:none;
    transition-duration: 1000ms;
}

.monster{
    z-index:99999;
    position:absolute;
}

.monster2{
    z-index:99999;
    position:absolute;
}
.scoreboard {
    background-color: green;
    width: 200px;
    
    color:white;
    line-height: 10px;
    font-size: 35px;
    text-align: center;
    margin-top: 350px;
}
.scoreboardpublic{
    position: absolute;
    margin-top: 800px;
    background-color: yellow;
    margin-left: 1150px;
    padding: 10px;
}
.scoreboardpublic p {
    font-size:20px;
    font-weight: 600;
    text-align: center;
}
.scoreboardpublic ul{
    list-style: none;
    padding: 10px;
}

.pname{
    color:white;
    background-color:green;
    padding:10px;
}

.overinfo{
    color: white;
    
    font-size: 35px;
    text-align: center;
    padding: 20px;
    background-color: red;
    transition-duration: 500ms;
    margin-top:50px;
    position: absolute;
}

.superinfo{
    background-color:green;
}
.esale{
    position: absolute;
    float: left;
    height: 50px;
    top: 5px;
    background-color: white;
    z-index: 99;
}
.esale img{
    height: 50px;
}

#imiebox{
    padding: 10px;
    background-color: red;
    height: 160px;
}
.imieinput{
    position: absolute;
    width: 220px;
    height: 20px;
}

.infosatyra{
    bottom:10px;
    background-color:lightgrey;;
    color:black;
    padding:10px;
    position:absolute;
    font-size:20px;
    
}
.perror{
    position:absolute;
    margin-top:1200px;
    background-color:yellow;
    color:black;
    font-weight:600;
    padding:20px;
    font-size:30px;
}
@media (max-width:1540px){
    .infosatyra{
        width: 400px;
        margin-left: -900px;
    }
}

.newgame{
    margin-top: 650px;
    background-color: yellow;
    color: black;
    padding: 10px;
    position: absolute;
    font-size: 25px;
    z-index: 999999;
    font-weight: 700;
}