/* ========================= */
/* GASP! You're checking out my code? :O Well alright, feel free to copy and paste but be warned! It is a big mess down here*/
/* ========================= */

@font-face {
  font-family: "report";
  src: url("report.ttf") format("truetype");
  
}

@font-face{
  font-family: "XTypewriter-Regular";
  src: url("XTypewriter-Regular.ttf") format("truetype");
  
}

html {
  margin: 0;
  min-height: 100%;
  overscroll-behavior-y: none;
}

body.home {
  margin: 0;

  background-image: url("Thegarden/Garden-background.jpg");

  color: #282A36;
  font-family: "XTypewriter-Regular", monospace;
  -webkit-font-smoothing: none;

  cursor: url("Thegarden/Cursor-Shovel.png") 12 12, auto;

  overflow-x: hidden;
  overflow-y: auto;
}


/* ========================= */
/* GROTE SCENE               */
/* ========================= */

.site-scene {
  position: relative;
  
  width: 100vw;
  
  overflow: visible;
  
  transform: none;
}

/* ========================= */
/* Soil Background.               */
/* ========================= */

.soil {
  position: relative;
  
  width: 100vw;
  
  padding-top: 10.2vw;
  
  z-index: 10;
  
  transform: translateX(-50%);

}