@import url('https://fonts.googleapis.com/css2?family=Silkscreen&display=swap');
body{
  color:white;
  background-color:#49ab5d;
  font-family: 'Silkscreen', cursive;
  overflow: hidden;
}
.no{
  box-shadow: inset 5px 5px 10px black;
}
html{
  filter:brightness(100%);
  cursor: url("cursor.png") 15 15, move;
}
#boss{
  cursor: url("pointer.png") 15 15, move;
  position:absolute;
  top:1300px;
  left:500px;
}
.heart{
  position:fixed;
  width:50px;
}
#teamtext{
  position:fixed;
  color:white;
  top:110px;
  left:0px;
  font-size:30px;
}
#heart1{
  top:60px;
  left:10px;
}
#heart2{
  top:60px;
  left:70px;  
}
#heart3{
  top:60px;
  left:130px;  
}
.square{
  position:fixed;
  width:50px;
}
#button{
  width:10px;
  position:absolute;
  top:1300px;
  left:40px;
}
#square1{
  top:150px;
  left:10px;
}
#square2{
  top:150px;
  left:70px;
}
#square3{
  top:150px;
  left:130px;
}
#square4{
  top:150px;
  left:190px;
}
.creature{
  width:40px;
  position:absolute;
  cursor: url("pointer.png") 15 15, move;
}
#c1{
  position:absolute;
  top:200px;
  left:300px;
}
#c2{
  position:absolute;
  top:300px;
  left:100px;
}
#c3{
  position:absolute;
  top:460px;
  left:200px;
}
#thunder{
  width:4000px;
  position:absolute;
  top:200px;
  left:4000px;
}
#thunder2{
  width:4000px;
  position:absolute;
  top:4000px;
  left:4000px;
}
#metalodon{
  cursor: url("pointer.png") 15 15, move;
  width:150px;
  position:absolute;
  top:7200px;
  left:1200px;
}
#c4{
  position:absolute;
  top:100px;
  left:500px;
}
#c5{
  position:absolute;
  top:450px;
  left:300px;
}
#c6{
  position:absolute;
  top:320px;
  left:600px;
}
#c7{
  position:absolute;
  top:520px;
  left:650px;
}
#c8{
  position:absolute;
  top:1520px;
  left:650px;
}
#notification{
  position:fixed;
  top:230px;
  left:0px;
  font-size:45px;
  color:white;
}
#desert{
  position:absolute;
  top:5000px;
  left:500px;
}
#pb{
  position:fixed;
  top:280px;
  left:30px;
}
#save{
  position:fixed;
  top:230px;
  right:30px;
}
#load{
  width:50px;
  position:fixed;
  top:230px;
  right:120px;
}
#shopbutton{
  cursor: url("pointer.png") 15 15, move;
  position:fixed;
  top:170px;
  right:0px;
  width:100px;
}
#shopinput{
  cursor: url("type.png") 15 15, move;
  font-family: 'Silkscreen', cursive;
  background-color:black;
  color:white;
  position:fixed;
  top:150px;
  right:0px;
}
#pond{
  position:absolute;
  top:450px;
  left:0px;
}
#lavalake{
  position:absolute;
  top:3400px;
  left:0px;
}
#volcano{
  position:absolute;
  top:3700px;
  left:1500px;
}
#fireboss{
  position:absolute;
  top:3700px;
  left:1300px;
}
#chromeboss{
  width:50px;
  position:absolute;
  top:2400px;
  left:1300px;
}
#logo{
  position:fixed;
  left:0px;
  width:300px;
}
#version{
  position:fixed;
  left:350px;
  top:0px;
}
#shopcodes{
  font-family: 'Silkscreen', cursive;
  background-color:black;
  color:white;
  position:fixed;
  right:0px;
  top:100px;
  cursor: url("cursor.png") 15 15, move;
}
#shopcodetext{
  position:fixed;
  right:10px;
  top:80px;
}
#river{
  position:absolute;
  left:1400px;
  top:-40px;
}
#bigtree{
  cursor: url("pointer.png") 15 15, move;
  position:absolute;
  left:1500px;
  top:2500px;
}
#frog{
  cursor: url("pointer.png") 15 15, move;
  width:300px;
  position:absolute;
  left:2000px;
  top:2000px;
}
#forest{
  position:absolute;
  left:200px;
  top:1200px;
}
#forest1{
  position:absolute;
  left:2500px;
  top:200px;
}
#rockpond{
  position:absolute;
  left:400px;
  top:2000px;
}
#forest2{
  position:absolute;
  left:200px;
  top:2500px;
}
#scarybit{
  position:absolute;
  left:2400px;
  top:3500px;
}
#maltoxin{
  cursor: url("pointer.png") 15 15, move;
  width:150px;
  position:absolute;
  left:2400px;
  top:4500px;
}
.tree{
  position:absolute;
}
#bossstat{
  position:fixed;
  top:5px;
  left:400px;
}
#carishu{
  cursor: url("pointer.png") 15 15, move;
  width:100px;
  position:absolute;
  left:5900px;
  top:2900px;
}
#loseVoltage{
  position:absolute;
  top:650px;
  left:6400px;
}
#t1{
  position:absolute;
  left:200px;
  top:350px;
}
#t2{
  position:absolute;
  left:100px;
  top:380px;
}
#t3{
  position:absolute;
  left:400px;
  top:180px;
}
#t4{
  position:absolute;
  left:700px;
  top:280px;
}
#t5{
  position:absolute;
  left:400px;
  top:580px;
}
.control{
  position:fixed;
  width:70px;
  cursor: url("pointer.png") 15 15, move;
}
#lb{
  bottom:70px;
  left:0px;
}
#rb{
  bottom:70px;
  left:100px;
}
#ub{
  width:50px;
  bottom:120px;
  left:60px;
}
#db{
  width:50px;
  bottom:0px;
  left:60px;
}
#xy{
  position:fixed;
  width:50px;
  top:10px;
  right:100px;
}
#audioControl{
  cursor: url("pointer.png") 15 15, move;
  position:fixed;
  width:30px;
  top:40px;
  right:80px;
}
#treehouse{
  position:absolute;
  left:2300px;
  top:900px;
}
a{
  cursor: url("pointer.png") 15 15, move;
}
