html {
	height: 100%;
	background-color: #ebca79;
	display: grid;
	place-items: center;
}

body {
	display: none;
}

html::before {
	content: '';
	font-size: calc(100vmin / 6);
	padding: 50vmin;
	background:
		linear-gradient(45deg, #264653 50%, #2a9d8f calc(50% + 1px)) no-repeat scroll 0em 0em/1em 1em,
		linear-gradient(45deg, #e9c46a 50%, #e9c46a calc(50% + 1px)) no-repeat scroll 0em 1em/1em 1em,
		linear-gradient(-45deg, #f4a261 50%, #f4a261 calc(50% + 1px)) no-repeat scroll 0em 2em/1em 1em,
		linear-gradient(45deg, #e76f51 50%, #e9c46a calc(50% + 1px)) no-repeat scroll 0em 3em/1em 1em,
		linear-gradient(45deg, #2a9d8f 50%, #2a9d8f calc(50% + 1px)) no-repeat scroll 0em 4em/1em 1em,
		linear-gradient(45deg, #e9c46a 50%, #2a9d8f calc(50% + 1px)) no-repeat scroll 0em 5em/1em 1em,
		linear-gradient(-45deg, #2a9d8f 50%, #2a9d8f calc(50% + 1px)) no-repeat scroll 1em 0em/1em 1em,
		linear-gradient(45deg, #2a9d8f 50%, #f4a261 calc(50% + 1px)) no-repeat scroll 1em 1em/1em 1em,
		linear-gradient(-45deg, #f4a261 50%, #e76f51 calc(50% + 1px)) no-repeat scroll 1em 2em/1em 1em,
		linear-gradient(45deg, #f4a261 50%, #e9c46a calc(50% + 1px)) no-repeat scroll 1em 3em/1em 1em,
		linear-gradient(-45deg, #2a9d8f 50%, #2a9d8f calc(50% + 1px)) no-repeat scroll 1em 4em/1em 1em,
		linear-gradient(45deg, #264653 50%, #2a9d8f calc(50% + 1px)) no-repeat scroll 1em 5em/1em 1em,
		linear-gradient(-45deg, #e76f51 50%, #f4a261 calc(50% + 1px)) no-repeat scroll 2em 0em/1em 1em,
		linear-gradient(-45deg, #2a9d8f 50%, #e9c46a calc(50% + 1px)) no-repeat scroll 2em 1em/1em 1em,
		linear-gradient(45deg, #e9c46a 50%, #264653 calc(50% + 1px)) no-repeat scroll 2em 2em/1em 1em,
		linear-gradient(45deg, #e9c46a 50%, #f4a261 calc(50% + 1px)) no-repeat scroll 2em 3em/1em 1em,
		linear-gradient(45deg, #264653 50%, #e9c46a calc(50% + 1px)) no-repeat scroll 2em 4em/1em 1em,
		linear-gradient(45deg, #e9c46a 50%, #e9c46a calc(50% + 1px)) no-repeat scroll 2em 5em/1em 1em,
		linear-gradient(-45deg, #2a9d8f 50%, #264653 calc(50% + 1px)) no-repeat scroll 3em 0em/1em 1em,
		linear-gradient(45deg, #264653 50%, #2a9d8f calc(50% + 1px)) no-repeat scroll 3em 1em/1em 1em,
		linear-gradient(45deg, #e76f51 50%, #e76f51 calc(50% + 1px)) no-repeat scroll 3em 2em/1em 1em,
		linear-gradient(45deg, #e76f51 50%, #2a9d8f calc(50% + 1px)) no-repeat scroll 3em 3em/1em 1em,
		linear-gradient(45deg, #2a9d8f 50%, #264653 calc(50% + 1px)) no-repeat scroll 3em 4em/1em 1em,
		linear-gradient(-45deg, #264653 50%, #e76f51 calc(50% + 1px)) no-repeat scroll 3em 5em/1em 1em,
		linear-gradient(-45deg, #2a9d8f 50%, #e9c46a calc(50% + 1px)) no-repeat scroll 4em 0em/1em 1em,
		linear-gradient(45deg, #2a9d8f 50%, #2a9d8f calc(50% + 1px)) no-repeat scroll 4em 1em/1em 1em,
		linear-gradient(45deg, #264653 50%, #e9c46a calc(50% + 1px)) no-repeat scroll 4em 2em/1em 1em,
		linear-gradient(45deg, #2a9d8f 50%, #2a9d8f calc(50% + 1px)) no-repeat scroll 4em 3em/1em 1em,
		linear-gradient(-45deg, #2a9d8f 50%, #e9c46a calc(50% + 1px)) no-repeat scroll 4em 4em/1em 1em,
		linear-gradient(45deg, #f4a261 50%, #e9c46a calc(50% + 1px)) no-repeat scroll 4em 5em/1em 1em,
		linear-gradient(45deg, #e76f51 50%, #e76f51 calc(50% + 1px)) no-repeat scroll 5em 0em/1em 1em,
		linear-gradient(-45deg, #2a9d8f 50%, #f4a261 calc(50% + 1px)) no-repeat scroll 5em 1em/1em 1em,
		linear-gradient(45deg, #f4a261 50%, #f4a261 calc(50% + 1px)) no-repeat scroll 5em 2em/1em 1em,
		linear-gradient(45deg, #264653 50%, #e76f51 calc(50% + 1px)) no-repeat scroll 5em 3em/1em 1em,
		linear-gradient(-45deg, #f4a261 50%, #f4a261 calc(50% + 1px)) no-repeat scroll 5em 4em/1em 1em,
		linear-gradient(45deg, #e76f51 50%, #e9c46a calc(50% + 1px)) no-repeat scroll 5em 5em/1em 1em;
}