:root {
  --one: 1rem;
  --one-sxtnth: calc(var(--one) / 16);
  --one-qrt: calc(var(--one) / 4);
  --thr-qrt: calc(var(--one) / 4 * 3);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  direction: rtl;
}

main {
  width: fit-content;
  margin: var(--one) auto;

  color: rgba(0, 0, 0, 0.7);

  border-radius: var(--thr-qrt);
  box-shadow: 0 0 var(--thr-qrt) var(--one-qrt) rgba(0, 0, 0, 0.075);
}

div {
  padding: var(--thr-qrt) var(--thr-qrt) 0 var(--thr-qrt);
}

div:last-child {
  margin-top: var(--thr-qrt);
  padding-bottom: var(--thr-qrt);
  border-top: var(--one-sxtnth) solid rgba(0, 0, 0, 0.1);
}