@import 'colours.css';
@import 'font.css';
@import 'typography.css';
@import 'icons.css';
@import 'layout.css';
@import 'header.css';
@import 'logo.css';
@import 'about.css';
@import 'footer.css';

html {
  scroll-padding-top: 0.25rem;
}

@media (max-width: 45rem) {
  html {
    scroll-padding-top: 3.25rem;
  }
}

body {
  background-color: var(--bg);
  color: var(--fg);
}