* {
	box-sizing: border-box;
}

body {
	min-height: 100vh;
	background: radial-gradient(darkorchid 30%, transparent 30%, transparent 55%, darkorchid 55%, darkorchid calc(55% + 6px), transparent calc(55% + 6px)), radial-gradient(darkorchid 30%, transparent 30%), linear-gradient(45deg, darkorchid 20%, transparent 20%, transparent 80%, darkorchid 80%), linear-gradient(-45deg, turquoise 40%, darkorchid 40%, darkorchid 60%, turquoise 60%);
	background-size: 20rem 20rem, 5rem 5rem, 10rem 10rem, 10rem 10rem;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.