@import './variables.scss';
@import './mixins.scss';
/* Components */
@import './components/alert';
@import './components/appBar';
@import './components/cardContainer';
@import './components/facilityCategory';
@import './components/facilityStatus';
@import './components/favoriteButton';
@import './components//loadingSpinner.scss';
@import './components/sidebar';
@import './components/textwTitle';
@import './components/weekHours';
/* Containers */
@import './containers/alertContainer';
@import './containers/facilityCard';
@import './containers/desktopLayout';
@import './containers/searchBar';
@import "./containers/facilityDetail.scss";
@import "./containers/mobileLayout.scss";

html {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Roboto", "-apple-system", "Helvetica", "Arial", sans-serif;
    background-color: #f1f2f6;

    @media (prefers-color-scheme: dark) {
        background-color: #303030;
    }
}

body > #root {
    width: 100%;
    height: 100%;
}