JSFiddle - React, Tailwind, and code Playground

HTML

<div>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, delectus, saepe quas quasi enim aspernatur ratione recusandae velit asperiores ducimus suscipit atque explicabo odio iure eum sed dolorum et modi!
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, delectus, saepe quas quasi enim aspernatur ratione recusandae velit asperiores ducimus suscipit atque explicabo odio iure eum sed dolorum et modi!
	</div>

CSS

html { height: 100%; }
body {
	height: 100%;
	background-image: -webkit-repeating-linear-gradient(45deg, transparent 0px, transparent 30px, #EEE 30px, #EEE 60px);
	background-image: -moz-repeating-linear-gradient(45deg, transparent 0px, transparent 30px, #EEE 30px, #EEE 60px);
	background-image: -o-repeating-linear-gradient(45deg, transparent 0px, transparent 30px, #EEE 30px, #EEE 60px);
	background-image: repeating-linear-gradient(45deg, transparent 0px, transparent 30px, #EEE 30px, #EEE 60px);
}

div {
	position: relative;
	margin: 50px;
	width: 470px;;
	background: #00AE79;
	background: rgba(1, 175, 124, 0.7);
}
div:before {
	content: '';
	position: absolute; top: 0; bottom: 50%; left: -5%;
	width: 5%;
	background-image: -webkit-gradient(linear, 100% 100%, 0 0, from(transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(1, 175, 124, 0.7)), to(rgba(1, 175, 124, 0.7)));
	background-image: -webkit-linear-gradient(to bottom right, transparent 0%, transparent 50%, rgba(1, 175, 124, 0.7) 50%, rgba(1, 175, 124, 0.7) 100%);
	background-image: -moz-linear-gradient(to bottom right, transparent 0%, transparent 50%, rgba(1, 175, 124, 0.7) 50%, rgba(1, 175, 124, 0.7) 100%);
	background-image: -o-linear-gradient(to bottom right, transparent 0%, transparent 50%, rgba(1, 175, 124, 0.7) 50%, rgba(1, 175, 124, 0.7) 100%);
	background-image: linear-gradient(to bottom right, transparent 0%, transparent 50%, rgba(1, 175, 124, 0.7) 52%, rgba(1, 175, 124, 0.7) 100%);
	
}
div:after {
	content: '';
	position: absolute; top: 50%; bottom: 0; left: -5%;
	width: 5%;
	background-image: -webkit-gradient(linear, 100% 0, 0 100%, from(transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(1, 175, 124, 0.7)), to(rgba(1, 175, 124, 0.7)));
	background-image: -webkit-linear-gradient(to top right, transparent 0%, transparent 50%, rgba(1, 175, 124, 0.7) 50%, rgba(1, 175, 124, 0.7) 100%);
	background-image: -moz-linear-gradient(to top right, transparent 0%, transparent 50%,...