
#titlearea
{
    background-color: #0000ff;
    color: #80ff00;
}

@media (prefers-color-scheme: light) {
  table.tutorial {
    color: black;
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    padding: 5px;
    font-size: 95%;
  }
}
div.tutorial {
    color: black;
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    padding: 50px;
    font-size: 95%;
}
div.doxygen-generated-exception-message {
    color: black;
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    padding: 5px;
    font-size: 95%;
}

/*
 * Fix the default table settings to be readable: this overrides the first row
 * and column background to light blue (instead of dark blue, upon which links
 * are impossible to read) and the text color to black (instead of white, which
 * would no longer be visible).
 */
table.doxtable th {
    background-color: #D6E2FA;
    color: #000000;
}

div.image img[src="fe_enriched_1d.png"] {
    width:500px;
}

div.image img[src="fe_enriched_h-refinement.png"] {
    width:500px;
}

/*
 * environment for aligning pictures in three columns.
 */
.threecolumn {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}

/*
 * environment for aligning pictures in two columns.
 */
.twocolumn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}

/*
 * environment for aligning pictures in one column.
 */
.onecolumn {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}


/*
 * environment for code fragments in tutorial comments
 */
.CodeFragmentInTutorialComment {
    /* background-color: #FF33F0; */
}
