html {
  --s: 64px; /* control the size*/
  --c1: #c02942;
  --c2: #53777a;
  --c3: #ecd078;
  --c4: #d95b43;
  
  background:
    radial-gradient(var(--c1) 24%,#0000 25%),
    radial-gradient(var(--c2) 30%,#0000 32%) calc(var(--s)/2) calc(var(--s)/2),
    repeating-conic-gradient(from 30deg,var(--c3) 0 30deg,var(--c4) 0 25%);
  background-size: var(--s) var(--s);
}

a {
  text-decoration: none;
}

.page {
  background-color: #fff9df;
  border: 1px solid #ffd186;
}

.page h1{
  border: 2px solid black;
  color: black;
}

.framed {
  border: 2px solid black;
}