@font-face {
  font-family: montserrat;
  src: url('/app-orchestrator-build/public/fonts/Montserrat-Regular.ttf');
}
@font-face {
  font-family: effra;
  src: url('/app-orchestrator-build/public/fonts/Effra-Regular.ttf');
}

body,
html {
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
}

.layout {
  max-width: 100vw;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: 'nav content';
  width: 100%;
}

#nav-container {
  grid: 'nav';
  height: 100%;
}

main {
  grid: 'content';
  margin-top: 85px;
}
.customer-app {
  margin-top: -85px;
  max-width: 100vw;
  width: 100%;
}