/* Copyright (c) 2025 Sebastian Pipping <sebastian@pipping.org>
** Licensed under GNU Affero GPL v3 or later
*/
* {
  font-family: Roboto;
}

body {
  margin: 0;
  background-color: #f6f6f6;
}

button {
  font-weight: 400 !important;
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.monospace-text textarea {
  font-family:
    /* Android
     */
    Noto Mono,
    Roboto Mono,
    Droid Sans Mono,
    /* Linux and friends
     */ Liberation Mono,
    DejaVu Sans Mono,
    Bitstream Vera Sans Mono,
    Linux Libertine Mono O,
    Nimbus Mono L,
    CMU Typewriter Text,
    Source Code Pro,
    Inconsolata,
    Cousine,
    Oxygen Mono,
    Anonymous Pro,
    PT Mono,
    Ubuntu Mono,
    /* macOS
     */ Consolas,
    /* Windows
     */ Monaco,
    Lucida Console,
    /* Core fonts
     */ Andale Mono,
    Courier New,
    /* fallback
     */ monospace;
}

/*
xs = extra-small:    0px
sm = small:        600px
md = medium:       900px
lg = large:       1200px
xl = extra-large: 1536px

https://mui.com/material-ui/customization/breakpoints/#default-breakpoints
*/
@media screen and (max-width: 899px) {
  .stage {
    margin: 1rem;
    width: calc(100vw - 2rem);
  }
}

@media screen and (min-width: 900px) {
  .stage {
    margin-top: 10vh;
    margin-bottom: 10vh;
  }

  footer {
    z-index: -1;
    position: fixed;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
}
