@import url('/styles/variables.css');
@import url('/styles/scrollbar.css');
@import url('/styles/common.css');
@import url('/styles/classes/breaks.css');
@import url('/styles/classes/flex.css');
@import url('/styles/classes/ul-directions.css');

@import url('/styles/components/footer.css');
@import url('/styles/components/header.css');
@import url('/styles/components/pre-icon.css');
@import url('/styles/components/reference.css');

body {
  max-width: 1300px;
  min-width: 300px;
  padding: 2em;
  margin: 4.5em auto auto;

  background: var(--background);
  font-family: var(--mono-font);
  font-weight: 400;
  font-size: 15px;
  color: var(--text);
  caret-color: var(--primary);
}

*, *::before, *::after {
  transition: all .3s ease-out;
}