/* 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;
}