@import "bootstrap";
@import "logo";

@include scrollbars(.5rem, $mdc-theme-primary);

body {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  height: 100%;
  width: 100%;

  a {
    color: $mdc-theme-primary;
  }

  .main-headline {
    cursor: default;
  }

  .content {
    display: inline-flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    box-sizing: border-box;
  }

  .main-menu.over {
    @include animate(rotate-clockwise);
  }

  .main-menu.out {
    @include animate(rotate-anti-clockwise);
  }
}