/* IMPORTED CSS */

/* CDNs */

@import "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"; 

/* Base */

@import "/code/02-base/normalize.css"; 
@import "/code/02-base/root.css"; 
@import "/code/02-base/fonts.css"; 
@import "/code/02-base/typography.css"; 

/* Scaffolds */

@import "/code/03-scaffolds/background.css";
@import "/code/03-scaffolds/blocks.css";
@import "/code/03-scaffolds/boxes.css";
@import "/code/03-scaffolds/containers.css";
@import "/code/03-scaffolds/grids.css"; 

/* Elements */

@import "/code/04-elements/links.css"; 
@import "/code/04-elements/hue.css"; 
@import "/code/04-elements/media.css"; 

/* Components */

@import "/code/05-components/entries.css";
@import "/code/05-components/blurb.css";
@import "/code/05-components/gallery.css";
@import "/code/05-components/socials.css";

/* Structures */

@import "/code/06-structures/parallax.css"; 
@import "/code/06-structures/modals.css"; 
@import "/code/06-structures/navigation.css";
@import "/code/06-structures/carousel.css"; 
@import "/code/06-structures/exhibit.css"; 
@import "/code/06-structures/contact.css"; 

/* Sandbox */



























































/* TODO: Look at implementing a script to assemble all css into one file. 
This will allow you to keep seperate files while minimizing server requests.

See:

https://stackoverflow.com/questions/2336302/single-huge-css-file-vs-multiple-smaller-specific-css-files

*/