@import '~primeflex/src/_variables';
@import '~primeflex/src/_grid';
@import '~primeflex/src/_formlayout';
@import '~primeflex/src/_display';
@import '~primeflex/src/_text';
@import '~primeflex/src/flexbox/_flexbox';
@import '~primeflex/src/_spacing';
@import '~primeflex/src/_elevation';

// @import '~primevue/resources/themes/fluent-light/theme.css';
// @import '~primevue/resources/themes/vela-green/theme.css';
@import '~primevue/resources/themes/mdc-light-indigo/theme.css';
// @import '~primevue/resources/themes/mdc-dark-indigo/theme.css';
@import '~primevue/resources/primevue.min.css';
@import '~primeicons/primeicons.css';

@import 'layout';


body {
    height: 100%;
    margin: 0;
    background: #f8f9fa;
}

#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#nav {
    padding: 30px;

    a {
        font-weight: bold;
        color: #2c3e50;

        &.router-link-exact-active {
        color: #42b983;
        }
    }
}