.item {
  width:48px;
  height:48px;
  background:white;
  display:block;
  cursor:move;
}

.item:hover {
  border:4px solid rgba(0,0,0,0.2);
  box-sizing:border-box;
}

#codepen-footer {
  display:none;
}

.item:nth-child(3){
  background:#E50F05;
}

.item:nth-child(7){
  background:#264D98;
}

.item:nth-child(9){
  background:#F9DE45;
}

.w2 {
  width:116px;
}

.h2 {
  height:116px;
}

.h3 {
  height:184px;
}

.w3 {
  width:184px;
}

html {
  width:100%;
  height:100%;
  display:table;
}

body {
  width:100%;
  height:100%;
  background:black;
  margin:0;
  padding:0;
  vertical-align:middle;
  display:table-cell;
}

#container {
  width:320px;
  min-height:568px;
  max-height:100vh;
  overflow:hidden;
  outline:1px solid white;
  margin:auto;
}