:root {
    --rockpitch: #282B25;
    --rockfull: #393C36;
    --rockshade: #4C504A;
--rockdark: #62635E;
--rockneut: #888b85;
--rocklight: #adb1ad;
--rockwhite: #d9d9d9;

--burgfull: #4a2b23;
--burgdark: #6e5550;
--burgneut: #92817a;
--burglight: #b4a8a8;
--burgwhite: #dbd5d2;

--lavafull: #bb2f16;
--lavadark: #c95845;
--lavaneut: #d88173;
--lavalight: #e6aca4;
--lavawhite: #f2d5d1;

--magmafull: #f44009;
--magmadark: #f8663a;
--magmaneut: #f78b69;
--magmalight: #fbb39e;
--magmawhite: #fedacd;

--firefull: #e66d1d;
--firedark: #ec8b4c;
--fireneut: #efa776;
--firelight: #f7c5a6;
--firewhite: #f9e3d2;
}

html {
  --s: 200px; /* control the size*/
  --c1: var(--rockpitch);
  --c2: var(--rockshade);
  --c3: var(--rockfull);
  
  background:
    repeating-conic-gradient(from 30deg,#0000 0 120deg,var(--c3) 0 50%) 
     calc(var(--s)/2) calc(var(--s)*tan(30deg)/2),
    repeating-conic-gradient(from 30deg,var(--c1) 0 60deg,var(--c2) 0 120deg,var(--c3) 0 50%);
  background-size: var(--s) calc(var(--s)*tan(30deg));
}

body {
    overflow:hidden;
    width:96%;
    height:96%;
}