// out: false, sourceMap: false, main: ../style.less
@import "colors.less";
@import "modals.less";
@import "grid-system.less";
@import "input.less";
@import "buttons.less";
@import "fonts.less";
@import "header.less";
@import "ribbons.less";
@import "footer.less";

@persona-size: 88px;
.persona {
    height: @persona-size;
    width: @persona-size;
    border-radius: @persona-size /2;
}

body {
    font-family: 'Work Sans', sans-serif;
    background-color: @color-body-background;
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

#app{
  margin: 0;
  padding: 0;
  height: 100vh;
  width: 100vw;
  position: relative;
}

#main-view{
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 80px;
 height: calc(~'100vh - 80px');
 background-color: rgb(216,216,216);
 z-index: 100;
}