html {
  overflow-x : hidden;
}
.wrap {
  background : black;
}

.full-overlay {
  overflow-y : auto;
  overflow-x : hidden;
  position : fixed;
  left : 0px;
  top : 0px;
  right : 0px;
  bottom : 0px;
}

.item {
  position : relative;
  height : 64px;
  border : 5px solid transparent;
  
  perspective: 1800px;
  -webkit-perspective: 1800px;
}

.test {
  width : 33%;
  position : absolute;
  top : 0px;
  left : 0px;
  bottom : 0px;
  background: rgba(255,0,0,1);
}


.test1 {
  width : 34%;
  position : absolute;
  top : 0px;
  left : 33%;
  bottom : 0px;
  background: rgba(0,255,0,1);

}

.test2 {
  width : 33%;
  position : absolute;
  top : 0px;
  left : 67%;
  bottom : 0px;
  background: rgba(0,0,255,1);
}

.test, .test1, .test2 {
  font-size: 32px;
  text-align:center;
  line-height:64px;
}