/**
 * Main Styles for Portfolio
 * Laura Gotkin - Product Designer
 *
 * This file imports all component stylesheets.
 * To edit a specific component, go to css/components/[component-name].css
 */

/* Import all component styles */
@import url('components/layout.css');
@import url('components/navigation.css');
@import url('components/hero.css');
@import url('components/card.css');
@import url('components/footer.css');
@import url('components/case-study.css');
@import url('components/lightbox.css');
@import url('components/pill.css');
@import url('components/callout.css');
@import url('components/carousel.css');
@import url('components/timeline.css');
@import url('components/playlist.css');

/**
 * Component Organization:
 *
 * - layout.css: Global styles, resets, container utilities
 * - navigation.css: Top navigation bar with logo and links
 * - hero.css: Hero section with profile photo and skills
 * - card.css: Case study cards with hover effects
 * - footer.css: Site footer with links
 *
 * Each component file includes its own responsive styles.
 */