$backgroundTexture: url('data:image/png;base64,[encoded data, 112132 characters]');
$borderTop: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAWklEQVR4nO3MwQ1AQBRF0ftVMMsZpgixERVoRylTiY1EVCEhilCE5CvCxuKdAo65O2YWgRYYYwhTN/QApJy5zp2mTszLClB42IDD3W+Aio8UKFCgQIECBX8LXrBeET2Een8xAAAAAElFTkSuQmCC');
$borderRight: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAYUlEQVR4nOXVsQ2AUAhF0Yuh+BMQBzCxMRqn0F4Lt3Lk7xi3kAXeCRCI3jtmDWo6EMBoAhLYVEBLThMQ+7qoW5jX/Zj5REvcDkzzYuaTVaUCoqrUEQTw2oDDBqinOH7/DT9rBQ0zCtXBIwAAAABJRU5ErkJggg==');
$panelBackground: url("data:image/png;base64,[encoded data, 40244 characters]");
$border: url('data:image/png;base64,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');

:root {
  --background: #170e09;
  --foreground: #ebdec2;
}

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

body {
  background-image: $backgroundTexture;
  background-repeat: repeat;
  color: var(--foreground);
  overflow: hidden;
}

.main {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
