theme.css

:root {
  --font-name--heading: 'Roboto Mono', sans-serif;
  --font-name--paragraph: 'Open Sans', sans-serif;
  --font-name--marana: 'Marana', sans-serif;

  /* Colors definitions */
  --white: #ffffff;
  --iron: #cac9c9;
  --black: #000000;
  --wild-sand: #f5f5f5;

  /* Colors applications */
  --primary-color: #ed4337;
  --text-color: #464444;
  --schedule-bar-color: var(--wild-sand);

  /* sizes */
  --size-heading-1: 3.5rem;
  --size-heading-2: 2rem;
  --size-text: 2rem;
  --grid-columns: 1fr;

  @media (--tablet) {
    --grid-columns: 1fr 1fr;
  }

  @media (--laptop) {
    --grid-columns: 1fr 1fr 1fr;
  }
}

#___gatsby {
  min-height: 100vh;
}

#gatsby-focus-wrapper {
  display: flex;
  flex-direction: column;

  min-height: 100vh;
}

main {
  flex-grow: 1;
}