:root {
  --dark-bg: #031c3b;
  --dark-color: #ffffff;
}

body, #app {
  color-scheme: only light !important;
  background-color: light-dark(white, var(--dark-bg))!important;
}

#main-home-container {
  background-color: light-dark(white, var(--dark-bg))!important;
}

#avatar-card {
  background-color: light-dark(rgb(56 77 96), #124089);
}

.title-card {
  background-color: light-dark(rgb(56 77 96), #124089);
}

.ui.center.aligned.icon.header span, .ui.center.aligned.icon.header {
  color: light-dark(rgba(0,0,0,.87), var(--dark-color))!important;
}