/* Font is loaded via <link> tag in index.html, JavaScript injection, and @font-face as fallback */
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap');

@font-face {
  font-family: 'Press Start 2P';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK3nVivY.ttf') format('truetype');
}

body {
  font-family: 'Roboto', 'Geneva', sans-serif;
  background-color: #f0f8f0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Press Start 2P', 'Courier New', monospace !important;
}

/* Material-UI Typography heading variants */
.MuiTypography-h1,
.MuiTypography-h2,
.MuiTypography-h3,
.MuiTypography-h4,
.MuiTypography-h5,
.MuiTypography-h6 {
  font-family: 'Press Start 2P', 'Courier New', monospace !important;
}

/* Bootstrap Modal titles */
.modal-title {
  font-family: 'Press Start 2P', 'Courier New', monospace !important;
}

/* Reset Bootstrap's legend styles that break Material-UI outlined inputs */
.MuiOutlinedInput-notchedOutline legend {
  float: unset !important;
  width: auto !important;
  overflow: hidden !important;
  display: block !important;
  padding: 0 !important;
  height: 11px !important;
  font-size: 0.75em !important;
  visibility: hidden !important;
  max-width: 0.01px !important;
  white-space: nowrap !important;
  line-height: normal !important;
  margin-bottom: 0 !important;
}

.Mui-focused .MuiOutlinedInput-notchedOutline legend {
  max-width: 1000px !important;
}

/* Ensure the + selector from Bootstrap doesn't affect MUI */
.MuiOutlinedInput-notchedOutline legend + * {
  clear: unset !important;
}