/* 
  Mobile CSS Entry Point
  Imports all modular CSS files in order.
*/

/* Core */
@import 'mobile/base.css';
@import 'mobile/layout.css';

/* Components */
@import 'mobile/components/header.css';
@import 'mobile/components/nav.css';
@import 'mobile/components/cards.css';
@import 'mobile/components/buttons.css';
@import 'mobile/components/modals.css';

/* Pages */
@import 'mobile/pages/home.css';
@import 'mobile/pages/content.css';
@import 'mobile/pages/ilae-classification.css';

@media (max-width: 768px) {

    /* Add padding to body so content doesn't get stuck behind fixed nav */
    body {
        padding-bottom: 90px;
    }
}