:root {
  --l0-bg: #18191a;
  --l1-bg: #391145;
  --l2-br: #a73590;
  --l3-bg: #96234e;
  --l3-tx: #d74a7f;
  --l4-bg: #714d87;
  --l4-tx: #9c74b6;
  --l5-tx: #e4c6c6;
  --gr-bg: #9e6d22;
  --gr-tx: #D29442;
}

html {
  margin: 0;
  padding: 0;
  background-color: var(--l0-bg);
}

body {
  color: var(--l5-tx);
  margin: 0;
  padding: 0;
}

main {
  width: fit-content;
  margin: 2em;
  border: 2px solid #988; 
  padding: 1.5em;
  line-height: 1.4;
  border-radius: 5px 25px 25px 25px;
  position: relative;
  z-index: 1;
  box-shadow: 2px 4px 0 0 var(--gr-bg), 4px 2px 0 0 var(--gr-bg), 4px 4px 0 0 var(--gr-bg), 
  4px 9px 0 0 var(--l4-bg), 9px 4px 0 0 var(--l4-bg), 9px 9px 0 0 var(--l4-bg), 
  6px 14px 0 0 var(--l3-bg), 14px 6px 0 0 var(--l3-bg), 14px 14px 0 0 var(--l3-bg);
}