Engineering Drawing

.ag-bg-cad {
	min-height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
}
.ag-bg-cad>h1 {
	font-weight:100;
	font-family:ui-monospace;
	font-size:3em;
	color:#fff
}
.ag-bg-cad {
	--lc1:rgba(255,255,255,.2);
	--lc2:rgba(255,255,255,.4);
	--tc:rgba(0,50,100,0);
	--bc:rgb(50,100,150);
	--bd:rgb(0,50,100);
	--gap:16px;
	position:relative;
	background-color:var(--bc);
	background-image:radial-gradient(var(--tc),var(--bd)),repeating-linear-gradient(0deg,var(--tc),var(--tc) var(--gap),var(--lc1) calc(var(--gap) + 1px),var(--tc) calc(var(--gap) + 1px),var(--tc) calc(var(--gap) * 2 + 1px),var(--lc1) calc(var(--gap) * 2 + 2px),var(--tc) calc(var(--gap) * 2 + 2px),var(--tc) calc(var(--gap) * 3 + 2px),var(--lc2) calc(var(--gap) * 3 + 3px)),repeating-linear-gradient(90deg,var(--tc),var(--tc) var(--gap),var(--lc1) calc(var(--gap) + 1px),var(--tc) calc(var(--gap) + 1px),var(--tc) calc(var(--gap) * 2 + 1px),var(--lc1) calc(var(--gap) * 2 + 2px),var(--tc) calc(var(--gap) * 2 + 2px),var(--tc) calc(var(--gap) * 3 + 2px),var(--lc2) calc(var(--gap) * 3 + 3px))
}