<div>Hello, I'm text</div>
HTML {
  height: 100%;
  }
BODY {
  background: #333;
  font: 16px/1.4 'Trebuchet MS', Verdana, sans-serif;
  }
DIV {
  width: 80%;
  margin: 2em auto;
  padding: 3em 1em;
  text-align: center;
  box-shadow: 0 0 10px rgba(0,0,0,.5);
  background:linear-gradient(90deg,
    #105B63 20%,
    #FFFAD5 20%, #FFFAD5 40%,
    #FFD34E 40%, #FFD34E 60%,
    #DB9E36 60%, #DB9E36 80%,
    #BD4932 80%
    ) 0 0 / 100% .4em no-repeat,
    linear-gradient(-90deg,
    #105B63 20%,
    #FFFAD5 20%, #FFFAD5 40%,
    #FFD34E 40%, #FFD34E 60%,
    #DB9E36 60%, #DB9E36 80%,
    #BD4932 80%
    ) 0 100% / 100% .4em no-repeat;
  background-color: white;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.