html,
body {
  margin: 0;
  display: block;
}

:root {
  /* Wall */
  --wall-background: #ebd27d;
  --wall-gradient: radial-gradient(circle at bottom, #95570a 0%, #c49f5c 100%);
  --wall-texture: url("./assets/wall_texture.jpg");
  /* PC */
  --pc-case: #cdc8b6;
  --pc-case-shadow-dark: #817a62;
  --pc-case-shadow-light: #c1b899;
  --pc-case-light: #d4cfb8;
  --pc-screen: #272c26;
  --pc-green: #50ff50;
}

main {
  background-color: var(--wall-background);
  background: var(--wall-gradient);
  height: 100vh;
  margin: 0;
  padding: 0;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--wall-texture) repeat;
  opacity: 0.4;
  pointer-events: none;
  mix-blend-mode: overlay;
  background-size: 400px auto;
}