@import url('./main-layout.css');
@import url('./views/collaborative-master-detail-view.css');
@import url('./views/collaborative-master-detail2-view.css');
@import url('./views/gridwith-filters-view.css');
@import url('./views/data-grid-view.css');    html {
      --lumo-font-size: 1rem;
      --lumo-font-size-xxxl: 1.75rem;
      --lumo-font-size-xxl: 1.375rem;
      --lumo-font-size-xl: 1.125rem;
      --lumo-font-size-l: 1rem;
      --lumo-font-size-m: 0.875rem;
      --lumo-font-size-s: 0.8125rem;
      --lumo-font-size-xs: 0.75rem;
      --lumo-font-size-xxs: 0.6875rem;
      --lumo-size-xl: 3rem;
      --lumo-size-l: 2.5rem;
      --lumo-size-m: 2rem;
      --lumo-size-s: 1.75rem;
      --lumo-size-xs: 1.5rem;

    }
.login-rich-content {

      background-position: center;
      background-size: cover;
      display: flex;
      height: 500px;
}
.login-rich-content vaadin-login-form {
      align-items: center;
      display: flex;
      max-width: 300px;
}
.login-rich-content vaadin-login-form-wrapper {

}
div::part(brand) {
      background-image: url("./img/login-banner.png");
}