h1 {
  font-family: 'Inconsolata', monospace;
  font-size: 48px;
  font-weight: 400;
  text-align: center;
  margin: 0px;
}

.autoincrementers {
  font-family: 'Courier New', Courier, monospace;
  font-size: xx-large;
  position: absolute;
  left: 0.5%;
  top: 150px;
  margin: 0px;
}
body {
  background-color: #F4F4F6;
  color: rgb(69, 69, 69);
  transition: background-color 0.5s ease, color 1s ease;
}
.incrementmoney {
  font-family: 'Courier New', Courier, monospace;
  font-size: 1.2rem;
  text-align: center;
  border-color: black;
  border-radius: 10px;
  border-width: 2px;
  width: 160px;
  height: 40px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out;
  position: relative;
  top: 5%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.incrementmoney:hover {
  border-color: rgba(43, 251, 140, 0.555);
  background-color: #aaaaaa;
}
.themetoggle {
  font-family: 'Courier New', Courier, monospace;
  text-align: center;
  font-size: 30px;
  border-color: black;
  color:rgb(39, 39,39);
  border-radius: 10px;
  border-width: 2px;
  width: 120px;
  height: 100px;
  transition: background-color 0.2s ease-out;
  position: relative;
  left: 0%;
  top: 40%;
}
.themetoggle:hover {
  background-color: rgb(69, 69, 69);
  color: #F4F4F6;
}
.theme-toggle {
  background-color: rgb(69, 69, 69);
  color: #F4F4F6;
}
.settings {
  font-family: 'Courier New', Courier, monospace;
  text-align: center;
  font-size: 18px;
  border-color: black;
  color:rgb(39, 39,39);
  border-radius: 10px;
  border-width: 2px;
  width: 150px;
  height: 30px;
  transition: background-color 0.2s ease-out;
  position: absolute;
  left: 0.25%;
  top: 10px;
}
.settings:hover {
  background-color: #aaaaaa
}
.shop {
  font-family: 'Courier New', Courier, monospace;
  text-align: center;
  font-size: 18px;
  border-color: black;
  color:rgb(39, 39,39);
  border-radius: 10px;
  border-width: 2px;
  width: 150px;
  height: 30px;
  transition: background-color 0.2s ease-out;
  position: absolute;
  left: 0.25%;
  top: 40px;
}
.shop:hover {
  background-color: #aaaaaa
}
.settingsMenu {
  border-color: black;
  border-width: 2px;
  text-align: center;
  width: 100%;
  height: 80%;
  position:relative;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -80%);
}
.savegame {
  font-family: 'Courier New', Courier, monospace;
  text-align: center;
  font-size: 30px;
  border-color: black;
  color:rgb(39, 39,39);
  border-radius: 10px;
  border-width: 2px;
  width: 120px;
  height: 100px;
  transition: background-color 0.5s ease-out;
  position: relative;
  left: 0%;
  top: 40%;
}
.savegame:hover {
  background-color:rgb(0, 130, 130);
}
.loadgame {
  font-family: 'Courier New', Courier, monospace;
  text-align: center;
  font-size: 30px;
  border-color: black;
  color:rgb(39, 39,39);
  border-radius: 10px;
  border-width: 2px;
  width: 120px;
  height: 100px;
  transition: background-color 0.5s ease-out;
  position: relative;
  left: 0%;
  top: 40%;
}
.loadgame:hover {
  background-color:rgba(43, 251, 140, 0.555);
}
.savekill {
  font-family: 'Courier New', Courier, monospace;
  text-align: center;
  font-size: 30px;
  border-color: black;
  color:rgb(39, 39,39);
  border-radius: 10px;
  border-width: 2px;
  width: 120px;
  height: 100px;
  transition: background-color 0.5s ease-out;
  position: relative;
  left: 0%;
  top: 40%;
}
.savekill:hover {
  background-color: red;
}
.buyautoincrementer {
  font-family: 'Courier New', Courier, monospace;
  font-size: 15px;
  border-color: black;
  border-radius: 10px;
  border-width: 2px;
  width: 250px;
  height: 40px;
  transition: background-color 0.25s ease-out;
  position: absolute;
  right: 0.25%;
  top: 150px;
}
.buyautoincrementer:hover {
  background-color: #aaaaaa;
  color: #000;
}
/* .switch {
  font-family: 'Courier New', Courier, monospace;
  font-size: 15px;
  border-color: black;
  border-radius: 10px;
  border-width: 2px;
  width: 250px;
  height: 40px;
  transition: background-color 0.25s ease-out;
  position: relative;
  left: 60%;
  top: 55%;
} */

/*font-family: 'Courier New', Courier, monospace;
  position: absolute;
  left or right: 0.5%;
  border-color: black;
  background-color: black
  color: #f8f8ff;
  top: x %;
  margin: 0px; 

  useful format */