.grid-wrapper {
  width: 100%;
  height: 100%;
  grid-gap: .5vw;
  grid-kiss:
"+-------------------------+ +-------+ +--------+ +------------------+ +--------+"
"|                         | |  :2   | |    :3  | |                  | |    :16 |"
"|   :1                    | |       | |        | |     :14          | |        |"
"|                         | +-------+ +--------+ |                  | +--------+"
"|                         | +-------+ +--------+ |                  | +--------+"
"|                         | |  :4   | |  :5    | |                  | |   :17  |"
"|                         | +-------+ +--------+ +------------------+ +--------+"
"|                         | +------------------+ +--------+ +-------+ +--------+"
"|                         | |                  | |  :18   | | :19   | |  :20   |"
"+-------------------------+ |     :6           | +--------+ +-------+ +--------+"
"+---------------+ +-------+ |                  | +--------+ +------------------+"
"|               | |  :8   | |                  | | :21    | |                  |"
"|      :7       | +-------+ +------------------+ +--------+ |    :15           |"
"|               | +-----------------+ +--------+ +--------+ |                  |"
"|               | |                 | |   :12  | |  :22   | |                  |"
"+---------------+ |                 | +--------+ +--------+ +------------------+"
"+------+ +------+ |      :11        | +--------+ +--------+ +-------+ +-------+"
"|  :9  | | :10  | |                 | |   :13  | |   :23  | | :24    | |   :25 |"
"+------+ +------+ +-----------------+ +--------+ +--------+ +-------+ +-------+"

}

.grid-wrapper > div {
  background-color: #999;
  color: #fff;
  transition: box-shadow .2s ease;
  box-shadow: inset 0 0 0 0 #09a5ac;
}

html, body{
  height: 100%;
  width: 100%;
  margin: 0;
}