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

.text {
  width: 60vmin;
  height: 60vmin;
  background: palegoldenrod;
  background-image: repeating-linear-gradient(-45deg,
    rgba(255,255,255, .25), rgba(255,255,255, .25) 2vw,
    transparent 0, transparent 4vw
  );
  box-shadow: 5vmin 5vmin 1vmin rgba(0,0,0,.04);
  font-size: 10vmin;
}

// Helpers
BODY,
.text {
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
}

BODY {
  background: white;
  min-height: 100vh;
  font: 1rem/1.6 Trebouchet MS, Arial, sans-serif;
}