/* CSS for general site design */

body {

   margin: 0;
   padding: 0;

   font-size: 12pt;
   font-family: Arial, Helvetica, sans-serif;

   display: block;

}

.top-bar,
.menu,
.bottom {

   padding: 0.5em;

   background-color: rgb(160, 183, 206);

   text-align: center;

}

.banner {

   color: rgb(0, 111, 139);

   font-size: large;
   font-weight: bold;
   font-variant: small-caps;

   text-align: center;

}

.menu {

   margin-bottom: 1em;
   padding: 1em;

}

.menu a {

   padding: 0.5em;

   font-weight: bold;

   text-decoration: none;

   background-color: aliceblue;
   color: cadetblue;

   border-radius: 10px 10px;
   border-color: rgb(205, 226, 245);
   border-style: solid;
   border-width: 3px;

}

.latex {
   shape: n;
}

.bi.column {

   padding: 1em;

   background-color: rgb(160, 183, 206);

}

.monospaced {

   font-family: monospace;

}

.text.column {

   padding: 1em;

   background-color: aliceblue;

   text-align: justify;

}

.title {

   width: auto;
   padding: 1em;

   background-color: aliceblue;
   color: rgb(86, 126, 167);

   text-align: center;
   font-variant: small-caps;
   font-weight: bold;

}

.variables.grid.default {
   /* css_grid */

   background-color: aliceblue;

}

.default.input {

   text-align: center;

}

.default.child {

   padding: 0.5em;

   border-radius: 10px 10px;

}

.default.child.rest {
   background-color: powderblue;
}

.default.child.pike {
   background-color: #435e7a;
   color: #fff;
}

.default.child.hyper {
   background-color: rgb(212, 179, 250);
}

.default.child.plasma {
   background-color: burlywood;
}

.default.child.propagation {
   background-color: #75437a;
   color: #fff;
}

.default.child.ecm {
   background-color: rgb(248, 172, 172);
}

.variables.grid.note {
   /* css_grid */

   background-color: aliceblue;

}

.variables.grid:not(.default):not(.note) {
   /* css_grid */

   background-color: aliceblue;

}

.target {

   text-align: center;

}

.result.target {

   padding: 0.5em;

   border-top: 1px solid #fff;

}

.result.title {
   font-size: 10pt;
}

.bottom {

   margin-top: 1em;
   padding: 1em;

   font-size: 8pt;
   font-variant: small-caps;

}

.bottom a { text-decoration: none; }

.blank {

   visibility: hidden;

}

.content {

   background-color: #fff;

}

.table.question {

   margin: 0 auto;
   margin-top: 1em;
   padding: 0.25em; 
   
   background-color: aliceblue;
   
   text-align:center;

}

.table.question tr {

   padding: 0.5em;
   
}

.table.question th {

   padding: 0.5em; 
   
   background-color:#8997a5; 
   color: #eee;

}

.table.question td {

   background-color: #ccc;

}

.table.question td:first-child:not(tr > th) {

   background-color: rgb(177, 189, 195);

   font-weight: bold;

}

.table.question td:not(:first-child) {

   color: rgb(69, 69, 69);;

}

/* vertical align block-level elements */
.parent {
   position: relative;
}

.child {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
}