@import url("../../includes/codemirror/lib/codemirror.css");

/*  CodeMirror styles */
.CodeMirror {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

/*  SHOWER styles */
.shower {
  --slide-ratio: calc(16 / 9);
}

/*  teaching custom styles */
.to1right {
  position: relative;
  left: 1em;
}
.to2right {
  position: relative;
  left: 2em;
}
.to3right {
  position: relative;
  left: 3em;
}
.to4right {
  position: relative;
  left: 4em;
}
.to5right {
  position: relative;
  left: 5em;
}

.to1left {
  position: relative;
  right: 1em;
}

.to2left {
  position: relative;
  right: 2em;
}

.to3left {
  position: relative;
  right: 3em;
}

.to4left {
  position: relative;
  right: 4em;
}

.to5left {
  position: relative;
  right: 5em;
}

.to1top {
  position: relative;
  bottom: 1em;
}
.to2top {
  position: relative;
  bottom: 2em;
}
.to3top {
  position: relative;
  bottom: 3em;
}
.to4top {
  position: relative;
  bottom: 4em;
}
.to5top {
  position: relative;
  bottom: 5em;
}

.to1bottom {
  position: relative;
  top: 1em;
}
.to2bottom {
  position: relative;
  top: 2em;
}
.to3bottom {
  position: relative;
  top: 3em;
}
.to4bottom {
  position: relative;
  top: 4em;
}
.to5bottom {
  position: relative;
  top: 5em;
}

.tofront {
  position: relative;
  z-index: 1;
}

.absolute {
  position: absolute;
}

.small {
  font-size: smaller;
}

.large {
  font-size: larger;
}

.normal-text {
  font-style: normal;
}

.em {
  font-style: italic;
}

.strong {
  font-weight: bold;
}

.block {
  display: table;
  padding: 1rem;
}
.block > img {
  display: table-cell;
}
.block > div {
  display: table-cell;
  vertical-align: top;
  padding-left: 1rem;
}

.hide {
  opacity: 0;
  visibility: hidden;
}

.dimText{
  color: gray;
}

.rightText {
  text-align: right;
}

.centerText {
  text-align: center;
}

.attention {
  color: red;
}

.loudText, .slide h2 .loudText{
  color: rgb(88, 90, 94);
}

iframe {
  border: 0;  /* eq. to frameborder attr. */
  margin: 0;  /* eq. to marginheight (top & bot.) and marginwidth (left & right) attr. */
  overflow: hidden;  /* eq. to scrolling attr. */
}

.noBullet {
  list-style-type: none;
}