:root {
  --dist-h:24px;
  --dist-v:40px;
  --columngap:20px;
  --block-margin:120px;
  --block-margin-slim:100px;
  --content-max-width:1920px;

  /* COLORS */
  --yellow: #ffff57;
  --teal: #468189;
  --black: rgb(0 0 0);
  --white: rgb(255 255 255);
  --white-transp: rgb(255 255 255 / .75);
  --beige: #F4E9CD;
  --grey: rgb(167 167 167);
  --grey-dark: rgb(87, 87, 87);
  --ll-blue: rgb(51 51 153 / 1);
  --ll-blue-100: #9DBEBB;
  --ll-color-background: var(--black);
}
@media screen and (min-width:320px) {
  :root{
    --dist-h:var(--dist-v);
  }
}
@media screen and (min-width:660px) {
  :root{
    --block-margin:180px;
    --block-margin-slim:120px;
  }
}
@media screen and (min-width:834px) {
  :root{
    --dist-v:60px;
  }
}