@import "https://fonts.googleapis.com/css2?family=Jersey+10&family=Pixelify+Sans:wght@400..700&display=swap";body{background-color:#008cbb;width:100vw;height:100vh;margin:0;overflow:hidden}#game{justify-content:center;align-items:center;width:100%;height:100%;display:flex}canvas{image-rendering:crisp-edges}#buildMenu{background-color:#0003;flex-direction:column;gap:1vw;width:30%;height:100%;padding:1vw;display:flex;position:absolute;top:0;overflow:scroll}#buildMenu.right{right:0}.buildMenuItem{color:#fff;--image-position-x:3;--image-position-y:1;background-color:#0003;border-radius:1vw;grid-template-areas:"img title title""img desc desc""img desc desc";gap:1vw;height:10vw;padding:1vw;font-family:"Jersey 10";transition:all .3s ease-in-out;display:grid}.buildMenuItem:hover{background-color:#0006;transform:scale(1.05)}.buildingImage{width:10vw;image-rendering:pixelated;background-image:url(/factory-farm-game/sprites/tiles.png);background-size:1000%;background-position:calc(-10vw*var(--image-position-x))calc(-10vw*var(--image-position-y));background-repeat:no-repeat;grid-area:img;height:10vw}.buildingName{grid-area:title;font-size:3vw}.buildingDesc{grid-area:desc}#cancelButton{text-align:center;color:#fff;background-color:#0003;border-radius:1vw;padding:1vw;font-family:"Jersey 10";font-size:2vw;transition:all .3s ease-in-out}#cancelButton:hover{background-color:#0006;transform:scale(1.05)}#overlay{color:#fff;background-color:#0006;flex-direction:column;justify-content:center;align-items:center;font-family:"Jersey 10";display:flex;position:absolute;inset:0}h1,h2{margin:0}[hidden]{display:none!important}