.login-page, .register-page {
    background: #808080;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -4%;
    --s: 300px; /* control the size*/
    --c1: #616161;
    --c2: #666666;
    --c:var(--c1) 0;
    --g:conic-gradient(at 50% 25%,#0000 75%,var(--c));
    background:
      repeating-linear-gradient(#0000 0 48%,var(--c) 50%),var(--g),
      conic-gradient(#0000 75%,var(--c)) calc(var(--s)/4) calc(var(--s)/2),
      var(--g) calc(var(--s)/2) var(--s) var(--c2);
    background-size: var(--s) var(--s),var(--s) calc(2*var(--s));
}