@import 'variables.css';
@import 'loader.css';

/* Reset and base styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Sticky footer layout */
html, body {
  height: 100%;
}

body {
  font-family: var(--font-primary);
  color: var(--text-color);
  background-color: var(--backgroundColor);

  display: flex;
  flex-direction: column;
}

/* Allow content to take remaining space */
main {
  flex: 1;
  display: flex;
  flex-direction: column;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

.debug {
  border: 1px solid red;
}

canvas {
  display: block;
}

img, picture, svg {
  display: block;
}