/*

/styles
│
├── style.css                 // Alles gebundeld für den Header
│
├── base/
│   ├── reset.css             // *-Selektor & box-sizing, margin/padding reset
│   ├── variables.css         // :root Variablen & Dark-Theme
│   └── typography.css        // Schriftarten, allgemeine Textstile
│
├── components/
│   ├── buttons.css           // .btn, .btn-outline-primary, #btn-back-to-top
│   ├── about.css             // about-seite
│   ├── project.css           // cards
│   ├── form.css              // Kontaktformular
│
├── layout/
│   ├── wrapper.css           // body, .wrapper
│   ├── navigation.css        // nav + Responsive Menü
│   ├── main.css              // main, section
│   ├── footer.css            // footer
│
├── utils/
│   ├── animations.css        // keyframes 
│   ├── responsive.css        // media queries
│   ├── misc.css              // z. B. #particles-js
*/
@import url('./base/reset.css');
@import url('./base/variables.css');
@import url('./base/typography.css');
@import url('./layout/wrapper.css');
@import url('./layout/navigation.css');
@import url('./layout/main.css');
@import url('./layout/footer.css');
@import url('./components/list.css');
@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/modal.css');
@import url('./components/about.css');
@import url('./components/form.css');


@import url('./utils/responsive.css');
@import url('./utils/animation.css');