body, html {
  margin: 0px; 
  padding: 0px; 
  background-color: #2D3E52; 
}

#WRAP {
  width: 400px; 
  height: 1px; 
  margin: auto; 
  text-align: center; 
}

.paper {
  width: 86px; 
  height: 110px; 
  background-color: white; 
  display: inline-block; 
  opacity: 0; 
  position: absolute; 
  color: #ffffff; 
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); 
  font-size: 25px; 
  line-height: 110px; 
}

.one {
  background-color: #E84C3D; 
  margin-left: -224px; 
}

.two {
  background-color: #F2C311; 
  margin-left: -75px; 
}

.three {
  background-color: #1CBB9B; 
  margin-left: 75px; 
}

.four {
  background-color: #9956B3; 
  margin-left: 224px; 
}

.arrow {
  width: 0px; 
  height: 0px; 
  position: absolute; 
  border: 10px solid #2D3E52; 
  border-left: 10px solid white; 
  border-bottom: 10px solid white; 
  margin-left: 66px; 
  box-shadow: 20px 0px 0px #2D3E52, 0px -20px 0px #2D3E52, 20px -20px 0px #2D3E52; 
}

.one > .arrow {
  border-left-color: #BE3429; 
  border-bottom-color: #BE3429; 
}

.two > .arrow {
  border-left-color: #F19913; 
  border-bottom-color: #F19913; 
}

.three > .arrow {
  border-left-color: #129E84; 
  border-bottom-color: #129E84; 
}

.four > .arrow {
  border-left-color: #8945AA; 
  border-bottom-color: #8945AA; 
}

#SELECT {
  margin-left: -80px; 
}