body{
  background-image: url('assets/backgroundImages/cars.gif');
  display: grid;
}
body, html{
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
@keyframes blink {
  0%, 100% { border-color: transparent; }
  50% { border-color: orange; }
}
.house25by25{;
  z-index: 1;
  width: 15vh;
  height: 15vh;
  image-rendering: pixelated; 
  image-rendering: crisp-edges;
}
.road15by15{;
  z-index: 1;
  width: 9vh;
  height: 9vh;
  image-rendering: pixelated; 
  image-rendering: crisp-edges;
}
.parentDiv{
  display: flex;
  transform-origin: 30% 70%;
}
.placedBuild{
  transform-origin: 30% 70%;
}
.page{
  justify-self: center;
  position: relative;
  width: 80vw;
  height: auto;
  color: white;
    nav{
      display: flex;
      justify-content: center;
      background-color: rgba(0,0,0,.5);
      background-image: url('assets/backgroundImages/library.gif');
      border: 2px solid white;
      width: 170vh;
      height: 5vh;
      a{
        margin: auto;
        position: relative;
        text-decoration: none;
        color: white;
        -webkit-text-stroke: 2px white;
      }
      a:hover{
        -webkit-text-stroke: 2px blue;  
      }}
    .container{
      background-color: rgba(0,0,0,.5);
      background-image: url('assets/backgroundImages/snow.avif');
      border: 2px solid white;
      display: flex;
      width: 170vh;
      height: 80vh;
      margin-top: 10px;
      text-align: center;
      table{
        justify-self: center;
        text-align: start;
      }
      color: white;
      .inventory{
        display: none;
      }
      .characters{
        position: absolute;
        right: 0%;
        justify-self: end;
        align-self: end;
        image-rendering: pixelated; 
        image-rendering: crisp-edges;
        .phone{
          width: 10vw;
        }
        .callGirl{
          display: none;
          width: 10vw;
        }
          .speech{
            position: absolute;
            display: none;
            bottom: 5vh;
            right: 10vh;
            background: white;
            color: black;
            border-radius: 15px;
            border: 3px solid transparent;
            text-align: start;
            font-size: 1.1vw;
            width: 10vw;
            height: auto;
            animation: blink 1s ease alternate infinite;      
          }
      }
      .game{
        display: flex;
        background-image: url('assets/backgroundImages/clouds.jpg');
        width: 100%;
        height: auto;
        border: 2px solid white;
        align-items: center;
        justify-content: center;
        position: relative;
        overflow: hidden; 
        .worldBottom{
          background-image: url("/assets/presetsWorld/snow.avif");
          align-self: end;
          width: 100%;
          height: 50%;
        }
        .world{
          background-image: url("/assets/presetsWorld/snow.avif");
          width: 100%;
          height: 100%;
          display: flex;
          position: absolute;
          mask-image: linear-gradient(to bottom, transparent 0%, black 5%, black 50%, transparent 100%);
        }
        .main{
          position: absolute;
          display: flex;
          justify-content: center;
          justify-self: center;
          background-image: url("/assets/presetsWorld/snow.avif");
          image-rendering: pixelated; 
          image-rendering: crisp-edges;
          width: 42.6vh;
          height: 42.6vh;
          transform-origin: center center;
        }
        .trigger{
          width: 55vh;
          height: 60vh;
          position: absolute;
        }}}
    footer{
      background-color: rgba(0,0,0,.5);
      background-image: url('assets/misc/button.gif');
      background-size: 10vh 10vh;
      width: 170vh;
      height: 10vh;
      overflow: hidden;
      margin-top: 10px;
      display: flex;
      image-rendering: pixelated; 
      image-rendering: crisp-edges;
      .tools{
        width: auto;
        height: inherit;
        display: flex;
        .buttonUIConfig{
          height: inherit;
          width: auto;
          display: grid;
          .buttonUIConfigOuter{
            height: inherit;
            width: auto;
            pointer-events: none;
          }
          .buttonUIConfigInner{
            position: absolute;
            align-self: end;
            justify-self: end;
            width: 5vh;
            height: 5vh;
            pointer-events: none;
          }
        }
      }
}}}}