.perspective {
  -webkit-perspective: 76em;
          perspective: 76em;
  -webkit-perspective-origin: 50% 50px;
          perspective-origin: 50% 50px;
  width: 90%;
  margin: 0 auto;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  
  text-align: center;
}

input {
  display: none;
  background: rgba(255,0,0,0.5);
}

.tab {
  width: 30%;
  height: 70px;
  background: pink;
  right: 0;
  line-height: 70px;
  font-weight: 300;
}
.tab:nth-child(1) {
  background: #68c6de;
}
.tab:nth-child(2) {
  background: #eff2f3;
}


input::-webkit-input-placeholder {
  color: #000;
}
input::-moz-input-placeholder {
  color: #000;
}
input::-ms-input-placeholder {
  color: #000;
}