* {
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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.