#cookie {
  max-width: 130px;
  max-height: 130px;
  width: 100%;
  height: 100%;
  background: none;
  transition: 0.5s ;
  padding-bottom: 20px;
  padding-top: 20px;
}
#cookie:hover{
  transform: scale(1.5, 1.5);
}
.hll{
  position: absolute;
  width: 400px;
  top: 250px;
  margin-top: 5px;
  text-align: center;
  border: 5px solid black;
  border-radius: 15px;
  background-color: rgba(0, 0, 0, 0.301);
  font-family: 'Bebas Neue', sans-serif;
}
.hlll{
  position: absolute;
  width: 600px;
  height: 100px;
  top: 50px;
  margin-top: 5px;
  text-align: center;
  border: 5px solid black;
  border-radius: 15px;
  background-color: rgba(0, 0, 0, 0.301);
  font-family: 'Bebas Neue', sans-serif; 
  font-size: 45px; 
  color: black;
}
#glhf{
  background-image: url(../img/forest.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
#counter{
  font-size: 35px;
  font-family: 'Bebas Neue', sans-serif;
  color: black;
}

#clickUpgrade{
  width: 400px;
  height: 50px;
  background: transparent;
  border-radius: 32px;
  border: 3px solid black;
  font-size: 25px;
  transition: 0.5s;
}
#autoclickUpgrade{
  width: 400px;
  height: 50px;
  background: transparent;
  border-radius: 32px;
  border: 3px solid black;
  margin-top: 5px;
  font-size: 25px;
  transition: 0.5s;

}
#zkzn{
  width: 400px;
  height: 50px;
  background: transparent;
  border-radius: 32px;
  border: 3px solid black;
  margin-top: 5px;
  font-size: 25px;
  transition: 0.5s;

}
#nrml{
  width: 400px;
  height: 50px;
  background: transparent;
  border-radius: 32px;
  border: 3px solid black;
  margin-top: 5px;
  font-size: 25px;
  transition: 0.5s;
  margin-bottom: 5px;
}
#clickUpgrade:hover{
  transform: scale(1.1, 1.1);
}
#autoclickUpgrade:hover{
  transform: scale(1.1, 1.1);
}
#zkzn:hover{
  transform: scale(1.1, 1.1);
}
#nrml:hover{
  transform: scale(1.1, 1.1);
}