// Fonts
@import 'fonts/roboto.css';
@import 'fonts/material-icons.css';
@import 'fonts/montserrat.css';

// Libs
@import '~normalize.css';
@import '~flexboxgrid';
@import '~react-select/dist/react-select.css';

// Variables
@import 'variables/index';

// Browser Customizations
@import 'browser-custom';

// Helpers
@import 'helpers';
@import 'animations';
@import 'headings';
@import 'notifications';

// App CSS
@import 'app';
@import 'menu';
@import 'components/index';
@import 'containers/index';

*, *:before, *:after {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100vh;
    background: #F4F5F6;
}

#lst-app {
    height: 100vh;
}

a, button, body {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 15px;
    color: $black;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    & .dark {
        color: $white-blank;
    }
}

h1, h2, h3, h4 {
    font-weight: 300;
    margin-top: 0;
    margin-bottom: $margin;
}

hr {
    margin: 1em 0;
    @include border-solid(0.5, $grey);
}

.row {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: $margin;
}

li {
    align-items: center;
    display: flex;
}



/* TODO: REMOVE FROM HERE */

img {
    &.selected {
        border: 2px solid $blue;
    }
}