#app {
  min-height: 100vh;
}

::-webkit-scrollbar {
  display: none;
}

select.chakra-select {
  padding-inline-start: var(--chakra-space-9);
  color: var(--chakra-colors-chakra-placeholder-color);
}

select.chakra-select.active {
  padding-inline-start: var(--chakra-space-9);
  color: var(--chakra-colors-whiteAlpha-900);
}

.chakra-ui-light select.chakra-select {
  color: var(--chakra-colors-gray-400);
}

.chakra-ui-light select.chakra-select.active {
  color: var(--chakra-colors-gray-800);
}

.chakra-heading {
  overflow: hidden;
  text-overflow: ellipsis;
}

@font-face {
  font-family: 'Lemon Yellow Sun';
  src: url("./font/LemonYellowSun.otf") format("opentype"); 
}

h1 {
  font-family: 'Lemon Yellow Sun' !important;
  font-size: 32px !important;
  font-weight: 700 !important;
}

body.chakra-ui-light {
  background-image: url("./assets/bg/millelibri_light_bg_desktop.png");
  background-repeat: no-repeat;
  background-position: right bottom;
}

body.chakra-ui-dark {
  background-image: url("./assets/bg/millelibri_dark_bg_desktop.png");
  background-repeat: no-repeat;
  background-position: right bottom;
}

@media (max-width : 899px) {
  body.chakra-ui-light {
    background-image: url("./assets/bg/millelibri_light_bg_mobile.png");
  }

  body.chakra-ui-dark {
    background-image: url("./assets/bg/millelibri_dark_bg_mobile.png");
  }
}