html{
  font-family: "Segoe UI Black";
  height: auto;
  width: auto;
}

body{
  text-align: center;
  width: 99%;
  height: 100%;
  position: relative;
  top: auto;
}
#counter{
  background-color: rgb(255,255,255,0.5);
  position: relative;
  width: 10%;
  left: 50%;
  top: 5%;
  margin-left: -5%;
}
#big_cookie #button{
  transform: scale(1,1) translateX(-50%);
  transition-duration: 0.1s;
}

#big_cookie:hover #button{
  transform: scale(1.1,1.1) translateX(-45%);
}

#big_cookie:active #button{
  transform: scale(0.9,0.9) translateX(-55%);
}

#keks_random{
  width: 100%;
  height: 100%;
}

#keks_random_img{
  transform: scale(1,1);
  transition-duration: 0.05s;
  position: relative;
  left: 50%;
  top: 60%;
  z-index: 1;
  opacity: 1;
}

#keks_random:active #keks_random_img{
  transform: scale(1.05,1.05);
  opacity: 0;
}

#shop {
  position: absolute;
  right: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: rgb(0, 0, 0, 0.5);
  border-color: rgb(165, 42, 42, 0.5);
  border-radius: 2px;
  border-width: 5px;
  border-style: solid;
  height: auto;
  width: auto;
}

#shop div {
  background-image: url("Background.png");
  background-size: contain;
  width: 400px;
  height: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
}

h1{
  position: absolute;
  padding-top: 0%;
  left: 50%;
  transform: translateX(-50%);
}

h2{
  position: absolute;
  padding-top: 2%;
  left: 50%;
  transform: translateX(-50%);
}