@import './mixins';
@import './colors';

a, a:hover  {
  color: $todos-palette2;
}

.bg-dark {
  background-color: $todos-palette1 !important;
}

h4.page-header {
  line-height: 2em;
}

@include breakpoint(mobile) {
  h4.page-header {
    line-height: 1.3em;
  }
}

.App > .container { // Because of fixed header, previously page-header {
  margin-top: 30px;
}

h4.page-header {
  font-size: 2em;
}