* {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.section {
  height: 100vh;
}
.section:nth-child(odd) {
  background: #eadaea;
}
.section:nth-child(even) {
  background: #daeada;
}

.pin {
  position: fixed;
  top: 30%;
  left: 0%;
  width: 100%;
  height: 40vh;
  box-sizing: border-box;
  padding: 2rem;
  background: transparent;
  box-shadow: 0 1rem 5rem -2rem rgba(0, 0, 0, 0.0);
  transition: -webkit-transform 100ms linear;
  transition: transform 100ms linear;
  transition: transform 100ms linear, -webkit-transform 100ms linear;
}
.pin p {
  font-size: 5vmin;
  font-family: "Helvetica", "Avenir Next", sans-serif;
  line-height: 1.25;
  font-weight: 600;
  color: black;
  position: relative;
  top: 50%;
  -webkit-transform: translatey(-50%);
          transform: translatey(-50%);
}