.remark-slide-content h4 {
  font-size:          100px;
  color:              #0D2244;
  line-height:        1em;
}
.pull-left35 {
  float: left;
  width: 35%;
}
.pull-right65 {
  float: right;
  width: 65%;
}

.scroll-box-8 {
  height:8em;
  overflow-y: scroll;
}
.scroll-box-10 {
  height:10em;
  overflow-y: scroll;
}
.scroll-box-12 {
  height:12em;
  overflow-y: scroll;
}
.scroll-box-14 {
  height:14em;
  overflow-y: scroll;
}
.scroll-box-16 {
  height:16em;
  overflow-y: scroll;
}
.scroll-box-18 {
  height:18em;
  overflow-y: scroll;
}
.scroll-box-20 {
  height:20em;
  overflow-y: scroll;
}
.scroll-output {
  height: 90%;
  overflow-y: scroll;
}

/******************
 * Coloured content boxes
 ****************/
.content-box { 
    box-sizing: border-box;
    background-color: #e2e2e2;
}
.content-box-blue,
.content-box-gray,
.content-box-greenpython,
.content-box-bluepython,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-orangepython {
  box-sizing: border-box;
  border-radius: 0px;
  margin: 0 0 15px;
  overflow: hidden;
  padding: 0px 0px 0px 20px;
  width: 100%;
}
.content-box-blue { background-color: #F0F8FF; }
.content-box-gray { background-color: #e2e2e2; }
.content-box-greenpython {	background-color: #2ca02c; }
.content-box-bluepython {	background-color: #1f77b4; }
.content-box-green { background-color: #d9edc2; }
.content-box-purple { background-color: #e2e2f9; }
.content-box-red { background-color: #ffcccc; }
.content-box-orangepython { background-color: #ff7f0e; }
.content-box-blue .remark-inline-code,
.content-box-blue .remark-inline-code,
.content-box-gray .remark-inline-code,
.content-box-greenpython .remark-inline-code,
.content-box-bluepython .remark-inline-code,
.content-box-green .remark-inline-code,
.content-box-purple .remark-inline-code,
.content-box-red .remark-inline-code,
.content-box-orangepython .remark-inline-code { 
  background: none;
}

.full-width {
    display: flex;
    width: 100%;
    flex: 1 1 auto;
}



.content-box-myblue {
  box-sizing: border-box;
  border-radius: 0px;
  margin: 50px 0 0;
  overflow: hidden;
  padding: 0px 20px 0px 20px;
  width: 100%;
  background-color: #0D2244;
  color: white !important; /* 👈 ensure text is white */
}