@charset "UTF-8";

@use "abstracts/settings";

// Global Styles
@use "abstracts/reset";
@use "abstracts/typography";
@use "components/global";
@use "components/header";
@use "components/footer";
@use "components/content";
@use "components/embeds";

// Pages
@use "pages/home";
@use "pages/list";
@use "pages/single";
@use "pages/videos";
@use "pages/etc";
@use "pages/projects";
@use "pages/contact";
@use "pages/fourOhFour";

// Miscellaneous
@use "components/syntax";
@use "components/animation";

// Responsive Awesomeness
@media screen and (max-width: settings.$responsive-width) {
  @include global.responsive;
  @include header.responsive;
  @include footer.responsive;
  @include content.responsive;
  @include embeds.responsive;

  @include home.responsive;
  @include list.responsive;
  @include single.responsive;
  @include videos.responsive;
  @include etc.responsive;
  @include projects.responsive;
  @include contact.responsive;
  @include fourOhFour.responsive;
}