html {
  cursor: url(cursor.cur), auto;
}

image {
  image-resolution: 1dppx;
}

.backr {
  position: fixed;
  left: 0%;
  top: 0%;
  height: 100%;
  width: 100%;
  z-index: -999;
  background: none;
}

.back {
  position: fixed;
  left: 0%;
  bottom: -430%;
  height: 530%;
  width: 100%;
  background-image: url('https://gitea.com/hyuen/rockclicker/raw/branch/main/Images/brick_wall.png');
  animation: none;
  z-index: -1000000;
  background-size: 20%;
}

.yay {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 18.3%;
  z-index: 99999999998;
  background-image: url('https://gitea.com/hyuen/rockclicker/raw/branch/main/Images/brick_wall.png');
  background-size: 20%;
  animation: fadein 7s ease-in-out forwards;
}

.yes {
  position: fixed;
  top: 5%;
  left: 5%;
  z-index: 99999999999;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0.7;
  }
}

button {
  cursor: url(cursor.cur), auto;
}

.rocky {
  border: none;
  position: absolute;
  bottom: 40%;
  background: transparent;
  animation: fadeinrocky 2.8s ease-in-out forwards;
  image-resolution: 1dpi;
}

@keyframes fadeinrocky {
  0% {
    bottom: 1%;
  }

  100% {
    bottom: 40%;
  }
}

.teeny {
  height: 40%;
  width: 40%;
  border-radius: 10%;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  background-image: url('https://gitea.com/hyuen/rockclicker/raw/branch/main/Images/brick_wall_2.png');
  animation: fadeinteeny 3s ease-in-out forwards;
  position: relative;
  transform: translateY(0);
  transition: transform 0.5s ease;
}

@keyframes fadeinteeny {
  0% {
    width: 1%;
  }

  100% {
    width: 40%;
  }
}

.teeny:hover {
  height: 41%;
  width: 41%;
}

body {
  background-color: black;
  background-image: url('https://gitea.com/hyuen/rockclicker/raw/branch/main/Images/brick_wall.png');
  background-size: 20%;
}

.text {
  color: white;
  font-size: 1.7em;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  background-image: url('https://gitea.com/hyuen/rockclicker/raw/branch/main/Images/brick_wall_2.png');
  width: 25%;
  padding: 0.3% 0.3% 0.3% 0.3%;
  border: 2px white solid;
  border-radius: 10px;
  background-size: 50%;
  text-align: left;
  animation: fadeintext 3.2s ease-in-out forwards;
}

@keyframes fadeintext {
  0% {
    background-size: 30%;
  }

  100% {
    background-size: 50%;
  }
}

.titletext {
  top: 0%;
  text-align: center;
  z-index: 999;
}

button {
  color: whitesmoke;
}

.numbers {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 3%;
  top: 20%;
}

.rocks {
  width: 30%;
  left: 37.5%;
  top: 20%;
  z-index: 10;
  position: relative;
}

.main {
  right: 0.7%;
  top: 19.6%;
  height: 100%;
  position: absolute;
  width: 33%;
}

.scores {
  font-size: 2em;
  font-weight: bold;
  color: white;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  background-image: url('https://gitea.com/hyuen/rockclicker/raw/branch/main/Images/brick_wall_2.png');
  width: 90%;
  padding: 0.3% 0.3% 0.3% 0.3%;
  border: 3px white solid;
  border-radius: 15px;
  position: absolute;
  right: 12%;
  background-size: 50%;
  animation: fadeinscores 2.6s ease-in-out forwards;
  image-resolution: 1dpi;
}

@keyframes fadeinscores {
  0% {
    width: 1%;
  }

  100% {
    width: 90%;
  }
}

.cheat {
  font-size: 1.5em;
  color: black;
  background-color: whitesmoke;
  border-radius: 30%;
}

.textr {
  color: white;
  font-size: 1.3em;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  background-image: url('https://gitea.com/hyuen/rockclicker/raw/branch/main/Images/brick_wall_2.png');
  width: 22.5%;
  padding: 0.3% 0.3% 0.3% 0.3%;
  border: 3px gold solid;
  border-radius: 10px;
  animation: fadeintextr 2.5s ease-in-out forwards;
  image-resolution: 1dpi;
}

@keyframes fadeintextr {
  0% {
    width: 1%;
  }

  100% {
    width: 22.5%;
  }
}

.factories {
  color: white;
  font-size: 1.2em;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  background-image: url('https://gitea.com/hyuen/rockclicker/raw/branch/main/Images/brick_wall_2.png');
  width: 25%;
  border: 2px #ABABAB;
  border-radius: 20px;
  padding: 0.3% 0.3% 0.3% 0.3%;
  image-resolution: 1dpi;
}

.factories:hover {
  width: 26%;
  font-size: 1.4em;
  image-resolution: 1dpi;
}

.text1 {
  color: white;
  font-size: 1.7em;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  background-image: url('https://gitea.com/hyuen/rockclicker/raw/branch/main/Images/brick_wall_2.png');
  width: 40%;
  padding: 0.3% 0.3% 0.3% 0.3%;
  border: 2px white solid;
  border-radius: 10px;
  background-size: 50%;
  image-resolution: 1dpi;
}

.refiners {
  color: white;
  font-size: 1.1em;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  background-image: url('https://gitea.com/hyuen/rockclicker/raw/branch/main/Images/brick_wall_2.png');
  width: 15%;
  border: 2px #ABABAB;
  border-radius: 30px;
  padding: 0.3% 0.3% 0.3% 0.3%;
  image-resolution: 1dpi;
}

.refiners:hover {
  width: 16%;
  font-size: 1.3em;
  image-resolution: 1dpi;
}

.sub {
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  color: white;
  font-size: 2em;
  font-style: italic;
  text-shadow: 2px 2px #000000;
  image-resolution: 1dpi;
}

.refiner_text {
  color: white;
  font-size: 2em;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  background-image: url('https://gitea.com/hyuen/rockclicker/raw/branch/main/Images/brick_wall_2.png');
  width: 12%;
  padding: 0.5% 4% 0.5% 4%;
  border: 2px white solid;
  border-radius: 10px;
  background-size: 50%;
  image-resolution: 1dpi;
}

.refiner_text:hover {
  width: 13%;
  font-size: 2.1em;
  image-resolution: 1dpi;
}

.bold {
  font-weight: bold;
  text-decoration: underline;
}

.br {
  margin-bottom: 100em
}

.unlock_text {
  color: white;
  font-size: 2em;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  background-image: url('https://gitea.com/hyuen/rockclicker/raw/branch/main/Images/brick_wall_2.png');
  width: 35%;
  padding: 0.5% 4% 0.5% 4%;
  border: 2px white solid;
  border-radius: 10px;
  image-resolution: 1dpi;
}

.unlock_text:hover {
  width: 40%;
  font-size: 2.1em;
}

.textRef {
  color: white;
  font-size: 1.5em;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  background-image: url('https://gitea.com/hyuen/rockclicker/raw/branch/main/Images/brick_wall_2.png');
  width: 20%;
  padding: 0.2% 1% 0.2% 0.2%;
  border: 2px white solid;
  border-radius: 10px;
  image-resolution: 1dpi;
}

excalibur {
  position: absolute;
  bottom: 300%;
  right: 0.7%;
}

.excalibur {
  border-radius: 10%;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  background-image: url('https://gitea.com/hyuen/rockclicker/raw/branch/main/Images/brick_wall_2.png');
  top: 80%;
  right: 11%;
  position: absolute;
  width: 20%;
  background-size: 50%;
  animation: fadeinexcalibur 4s ease-in-out forwards;
}

@keyframes fadeinexcalibur {
  0% {
    right: 100%;
  }

  100% {
    right: 11%;
  }
}

.save {
  font-size: 1.5em;
  position: absolute;
  text-align: center;
  color: white;
  text-shadow: 0.1px 0.1px black;
  background-image: url('https://gitea.com/hyuen/rockclicker/raw/branch/main/Images/brick_wall_2.png');
  right: 13.5%;
  width: 15%;
  height: 10%;
  border: grey solid 2px;
  top: 102%;
  border-radius: 10%;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  padding-top: 15px;
  background-size: 50%;
  animation: fadeinsave 1s ease-in-out forwards;
}

@keyframes fadeinsave {
  0% {
    height: 0.1%;
    top: 0%;
  }

  100% {
    height: 10%;
    top: 102%;
  }
}

.ee {
  font-size: 1.5em;
  color: white;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  background: transparent;
}

*:focus{
  transform: scale(1.1);
  transform-origin: center;
  transition: transform 1s ease-in-out;
  z-index: 99999999999999999999999999999999999999999999999999999999;
}

.yay:hover ~ .all{
  transform: rotateY(2rad);
  transition: transform 1s ease-in-out;
  transform-origin: center;
}