app.component.scss

@import '../styles/variables.scss';
@import '../../node_modules/bootstrap/scss/bootstrap.scss';
@import "../../node_modules/font-awesome/scss/font-awesome.scss";

html {
  position: relative;
  min-height: 100%;
}
// Sticky Footer

.outer-wrapper {
  display: flex;
  margin: 0;
}

.inner-wrapper {
  flex: 1 1 auto;
  flex-flow: column nowrap;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.main-content {
  flex: 1 0 auto;
  margin-top: $content-spacing;
  margin-bottom: $content-spacing;
}