Custom Stylesheet for Clicker (PRIVATE)

<!--THIS IS NOT MY WORK, I AM USING IT TO LEARN-->

#game {
  font-family: Inconsolata;
  text-shadow: none;
}
#upgrades {
  width: 261px;
  min-height: 110px;
}
#title {
  visibility: hidden;
}
#title:before {
  font-size: small;
  position: fixed;
  left: 32%;
  bottom: 5px;
  content: "THE SEPTIC EYE";
  visibility: visible;
}
#achievements {
  position: fixed;
  overflow: auto;
  top: 310px;
  left: 0px;
  min-height: 110px;
  width: 270px;
}

#resources {
  min-width: 270px;
}
.blankDivider {
  visibility: hidden;
  height: 15px;
}
.resourceAmount {
  color: rgb(67, 240, 67);
}
.resourceManual {
  color: #FFE100;
}
.resourceAutomated {
  color: #0081FF;
}
.worldResource {
  color: #9451E7;
}
.controledResource {
  color: #B90F0F;
}
<!-- END-RESOURCES -->

#saveBox {
  bottom: 0px;
  width: 273px;
  padding: 0px;
}
.title {
  color: rgb(67, 240, 67);
  font-size: 15px;
  text-align: center;
  margin-bottom: 5px;
}
.title:before {
  content: "---";
}
.title:after {
  content: "---";
}
.particle {
  color: rgb(67, 240, 67);
  font-size: 7px;
  font-weight: 500;
}
.box {
  border: 1px solid green;
  margin: 2px 4px;
  padding: 4px 6px;
  min-width: 200px;
  float: left;
  box-shadow: none;
  overflow: hidden;
}
.sell {
  color: yellow;
}
.hidden {
  visibility: hidden;
}
.button {
  display: inline-block;
  cursor: pointer;
  margin: 1px;
  border: 1px solid green;
  box-shadow: none;
  margin: 10px;
}
.button:hover {
  background: none;
  border: 1px solid yellow;
}
.building {
  width: 95%;
  position: relative;
  left: 0px;
  margin: 0px;
}
#clickables {
  margin: 5px;
  position: fixed;
left : 42%;
up : 42%;
    margin: 5px;
}
.remaining {
  color: lightgreen;
}
#popups {
  position: absolute;
  left: 32%;
  top: 120px;
  z-index: 100000000;
}
.popup {
  position: relative;
  left: 0px;
  background: none repeat scroll 0% 0% #000;
  padding-left: 5px;
  margin: 5px 5px 5px 0px;
  border: 1px solid #32CD32;
  border-radius: 0px;
  box-shadow: 0px 0px 0px 0px transparent, 0px 0px 0px transparent, 0px 0px 0px 0px transparent inset;
  text-shadow: 0px 0px 0px #000;
  color: #CCC;
  font-size: 12px;
  line-height: 125%;
  width: 500px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.popup.text {
  color: pink;
}
#tooltip {
  position: absolute;
  background: #000;
  padding: 4px 8px;
  margin: 4px;
  border: 3px dotted;
  border-color: limegreen;
  border-radius: 0px;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0),0px 0px 0px rgba(0,0,0,0),0px 0px 0px 0px rgba(0,0,0,0) inset;
  text-shadow: 0px 0px 0px #000;
  color: #ccc;
  font-size: 12px;
  line-height: 125%;
  pointer-events: none;
  opacity: 0.75;
}
.icon {
  visibility: hidden;
  height: 1px;
  width: 1px;
  display: block;
}
.thing.disabled {
  opacity: 0.75;
  border: 1px solid rgb(255, 2, 2);
  background: black;
  color: limegreen;
}
#costs {
  color: limegreen;
}
#costs.disabled {
  color: yellow;
}
.upgrade.bought {
  display: none;
}
.upgrade.hidden {
  display: none;
}
.building > img {
  float: right;
  margin: 5px;
}
.achievement.hidden {
  display: none;
}
.occupations {
  color: orange;
}