index.scss

@import 'config/breakpoints';
@import 'config/colors';
@import 'config/typography';

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: $text-grey;
}

#root {
  display: flex;
  background: $dark-bg;
  height: 100vh;
}

.wrapper {
  flex: 1;
  box-shadow:
    0px 5px 5px rgb(0 0 0 / 20%),
    0px 3px 14px rgb(0 0 0 / 12%),
    0px 8px 10px rgb(0 0 0 / 14%);
  overflow-y: scroll;

  @media screen and (max-width: $width-tablet) {
    padding-bottom: 5rem;
  }
}

h1 {
  color: #fafafa;
  @include text-large();
}

h3 {
  margin: 1rem 0;
  color: $gold;
}

li.MuiMenuItem-root {
  color: white !important;
}

.buttons {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}