<div class="text">Hello world!</div>

.text {
  padding: 5vh 5vw;
  background: paleturquoise;
  background-image: repeating-linear-gradient(-45deg, 
    rgba(255,255,255, .25), rgba(255,255,255, .25) 2vw,
    transparent 0, transparent 4vw
  );
  font-size: 12vw;
}

// Helpers
BODY {
  background: white;
  min-height: 100vh;
  display: grid;
  align-items: center;
  justify-content: center;
  font: 1rem/1.6 Trebouchet MS, Arial, sans-serif;
}