@font-face {
  font-family: "fontello";
  src: url(./fonts/fontello.ttf);
}

@font-face {
  font-family: "fontello-icon-list";
  src: url(fonts/fontello-icon-list.ttf);
}

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  height: 100vh;
  background-image: url("background.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  /* Center and scale the image nicely */
  background-position: center;
  background-size: cover;
}

#root {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.welfare-level-1 {
  background-color: #006000 !important;
}

  .welfare-level-1.Mui-selected,
  .welfare-level-1.selected {
    background-color: #60D860 !important;
  }

.welfare-level-2 {
  background-color: #606000 !important;
}

  .welfare-level-2.Mui-selected,
  .welfare-level-2.selected {
    background-color: #E8E060 !important;
  }

.welfare-level-3 {
  background-color: #700000 !important;
}

  .welfare-level-3.Mui-selected,
  .welfare-level-3.selected {
    background-color: #FF7070 !important;
  }

.center {
  text-align: center;
}