html {
  /*overflow-y: scroll;*/
}

/*body {*/
/*  display: flex;*/
/*  justify-content: space-evenly;*/
/*  margin: 50px 0;*/
/*}*/

.grid {
  position: relative;
  width: 100%;
  border: 5px solid transparent;
  min-height: 100px;
  border-radius: 5px;
  /*background: #ccc;*/
  /*margin: 20px*/
  border: 2px solid #f0f0f0;
}

/*nav {*/
/*  position: absolute;*/
/*  top: -55px;*/
/*  left: -5px;*/
/*  height: 50px;*/
/*  display: flex;*/
/*  justify-content: space-evenly;*/
/*}*/

/*nav button {*/
/*  display: block;*/
/*  position: relative;*/
/*  height: 30px;*/
/*  margin: 10px 10px 10px 0px;*/
/*}*/

.item {
  position: absolute;
  width: 148px;
  height: 210px;
  line-height: 100px;
  margin: 5px;
  z-index: 1;
}

.item.h1 {
  height: 50px;
  line-height: 50px;
}

.item.h2 {
  height: 110px;
  line-height: 110px;
}

.item.w1 {
  width: 50px;
}

.item.w2 {
  width: 110px;
}

.item.muuri-item-hidden {
  z-index: 0;
}

.item.muuri-item-releasing {
  z-index: 2;
}

.item.muuri-item-dragging {
  z-index: 3;
}

.item-content {
  position: relative;
  /* width: 100%; */
  height: 100%;
  text-align: center;
  /*background: red;*/
  font-size: 24px;
  color: white;
  cursor: pointer;
  border-radius: 5px;
  border-style: solid;
  border-width: 2px;
}

.zoom-hover {
    -ms-transform: scale(1.5) !important; /* IE 9 */
    -webkit-transform: scale(1.5) !important; /* Safari 3-8 */
    transform: scale(3) !important; 
    transition: all 0.2s ease-out;
    /* transform: translateX(25%) translateY(25%) !important; */
  }

.item.muuri-item-dragging .item-content,
.item.muuri-item-releasing .item-content {
  background: blue;
}