/**
 * @file
 * General.
 */
 
html {
  font-family: 'Titillium Web', sans-serif;
  overflow-x: hidden;
  min-height: 100vh;
  display: flex;
  flex-flow: column;
  &.dialog-open {
    overflow: hidden;
  }
  body {
    overflow: hidden;
    color: $text-dark;
    background-color: $white;
    flex-grow: 1;
    display: flex;
    flex-flow: column;
    @include scroll();
    .page-wrapper {
      position: relative;
      flex-grow: 1;
      background-color: $white;
      &:after {
        content: '';
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        bottom: 0;
        background-image: url('../assets/img/nttdata_pattern_1.png');
        background-repeat: repeat;
        background-size: 45px;
        height: 100px;
        width: 100%;
        z-index: -1;
        opacity: 0.2;
      }
    }
    .progress .progress * {
      color: $text-dark;
    }
  }
}