.bg{width:screen;height:screen;--s:150px;--c1:#1d1d1d;--c2:#4e4f5198;--c3:#3c3c3c;opacity:.1;z-index:0;background:repeating-conic-gradient(from 30deg, #0000 0 120deg, var(--c3) 0 180deg) calc(.5 * var(--s)) calc(.5 * var(--s) * .577), repeating-conic-gradient(from 30deg, var(--c1) 0 60deg, var(--c2) 0 120deg, var(--c3) 0 180deg);background-size:var(--s) calc(var(--s) * .577);position:fixed;top:0;bottom:0;overflow:hidden}@media screen and (max-width:768px){.bg{--s:100px}}@media screen and (max-width:480px){.bg{--s:50px}}