@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), /* try use local fonts first */
  url('./fonts/raleway/raleway-v29-latin-regular.woff2') format('WOFF2'), /* https://gwfh.mranftl.com/fonts/raleway?subsets=latin */
  url('./fonts/raleway/Raleway-Regular.ttf') format('truetype'); /* https://fonts.google.com/specimen/Raleway */
}

.dx-theme-material-typography h1 {
  font-size: 40px;
}

.dx-theme-material-typography h2 {
  font-size: 32px;
}

.dx-popup-title {
  /* Make popup header more distinguishable */
  backdrop-filter: invert(2%);
  font-weight: bold;
  border-bottom-width: 2px;
}