body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  filter: blur(8px) brightness(0.3);
  z-index: -1;

}

body {
  --color-background: #242b33;
  --color-primary: #effbff;
  --color-accent: #6ee2ff;
  --spacing-ui: 10px;
  background-color: var(--color-background);
background-image: url("https://images.alphacoders.com/134/thumb-1920-1342318.jpeg");
  background-repeat: no-repeat;
  background-size: fill;
  font-family: Roboto,sans-serif;
  font-size: 14px;
  transition: background-color .3s;

}