.hide{opacity:0}.typewriter{width:100%;height:100%;display:block}.nonclickable span{cursor:default}.clickable{cursor:pointer}.inventory{display:grid;grid-template-columns:repeat(4,[col-start] 1fr);grid-template-rows:repeat(3,[row-start] 1fr);grid-gap:4px;height:100%}.inventory h2{grid-column:1/span 3}.inventory .item-slot{-webkit-box-shadow:inset 5px 5px 5px rgba(0,0,0,.5);box-shadow:inset 5px 5px 5px rgba(0,0,0,.5);background-color:#1a1a1a;border-radius:3px;border:1px solid #fff}.inventory .inventory-item img{width:25px;height:25px}.inventory .inventory-item{border:.5px solid grey;background-color:#333;width:calc(100% - 8px);height:calc(100% - 8px);padding:3px;margin:4px;border-radius:3px;font-size:8px;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (max-width:900px){.inventory{grid-template-columns:repeat(3,[col-start] 1fr);grid-template-rows:repeat(4,[row-start] 1fr);grid-gap:4px;height:100%}.inventory h2{grid-column:1/span 3}}