body {
  margin: 0;
  height: 100vh;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, "sans-serif";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, "sans-serif";
}

/* todo: find a better way */
/* mui nested style overrides */
.MuiAvatar-root > .MuiSvgIcon-root {
  height: 75%;
  width: 75%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
    appearance: none;
}

#legacy-page-container {
  display: grid;
  min-height: 100vh;

  row-gap: 1rem;
  column-gap: 1rem;
  grid-template-rows: auto minmax(0, 1fr) auto;
  grid-template-columns: auto minmax(0, 992px) auto;
  grid-template-areas:
    'header header header'
    '.      main   .     '
    'footer footer footer';
}

@media only screen and (max-width: 992px) {
  #legacy-page-container {
    grid-template-columns: auto minmax(0, 768px) auto;
  }
}

@media only screen and (max-width: 768px) {
  #legacy-page-container {
    grid-template-columns: auto minmax(0, 576px) auto;
  }
}

@media only screen and (max-width: 576px) {
  #legacy-page-container {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
}

#legacy-page-container > header {
  grid-area: header;
}

#legacy-page-container > main {
  grid-area: main;
  height: 100%;
}

#legacy-page-container > footer {
  grid-area: footer;
  padding: 1rem;
}


@media print {
  #root.print-widget-no-print {
    display: none;
    height: 0;
    pointer-events: none;
    visibility: hidden;
    width: 0;
  }

  #print-widget-print * {
    color: inherit;
    font-size: 1rem !important;
    text-decoration: none !important;
    vertical-align: top !important;
  }
}