@import "https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css";

:root {
  --bulma-primary-h: 206;
  --bulma-primary-s: 100%;
  --bulma-primary-l: 28%;
  --bulma-link-text: #00518e;
  --bulma-burger-h: 206;
  --bulma-burger-s: 100%;
  --bulma-burger-l: 28%;
}

.navbar-burger {
    height: auto;
}

/* Data */
#subject-age-histogram tbody td {
  --color: #6bbff7;
  border-radius: 5px;
}
#subject-age-histogram .bar {
  --labels-size: 120px;
}

.is-anat {
  background-color: coral;
  color: white;
}
.is-func {
  background-color: cornflowerblue;
  color: white;
}
.is-dwi {
  background-color: forestgreen;
  color: white;
}
.is-fmap {
  background-color: gold;
  color: white;
}
.is-meg {
  background-color: purple;
  color: white;
}
.is-pheno {
  background-color: #FF1493; /* strong boy pink */
  color:  white;
}

.title-icon {
  height: 55px;           /* Adjust the size of the image */
  margin-left: 50px;      /* Space between image and text */
  vertical-align: middle; /* Align the image vertically with the text */
}