.rel {
  position: relative;
}

.basic h3 {
  font-size: 32px;
}
.basic h4 {
  font-size: 28px;
}
.basic h5 {
  font-size: 26px;
}
.basic h6 {
  font-size: 26px;
}
.break h2 {
  height: 96px;
}

.fsize14 * {
  font-size: 14px !important;
}
.fsize18 * {
  font-size: 18px !important;
}
.fsize20 {
  font-size: 20px !important;
}
.fsize24 {
  font-size: 24px !important;
}
.fsize28 {
  font-size: 28px !important;
}
.fsize32 {
  font-size: 32px !important;
}
.fsize36 {
  font-size: 36px !important;
}
.fsize40 {
  font-size: 40px !important;
}
.fsize60 {
  font-size: 60px !important;
}
.fsize240 {
  font-size: 240px !important;
}

a:visited {
  color: var(--bblclr);
}

.sections h1 {
  border: none;
  font-size: 48px;
}

.remark-slide-content {
	font-size: 22px;
}
.remark-code-copy {
	font-size: 14px !important;
}

.topsub.subsections {
	margin: 5px 0 0 0;
	height: 35px;
	display: flex;
  align-items: center;
}
.topsub.subsections h3 {
	display: flex;
  align-items: center;
}
.topsub h3::before {
	content: "|";
	padding-right: 3px;
}
a.remark-section.current {
	font-size: 30px;
}

.topsub h3 {
  margin-right: 5px;
}
.topsub h3:first-of-type::before {
  content: ""
}
.topsub h3::before {
  content: " | "
}
.topsub h4:last-of-type {
  margin-right: 5px;
}
.subsections h3:last-of-type {
  color: var(--nbkclr);
}
.hidey code {
  overflow: hidden !important;
}

.X {
  font-weight: 400;
  color: var(--dblclr);
}
.U {
  text-decoration: underline;
  font-weight: 400;
  font-style: italic;
}

.subsections {
  margin: 35px 20px 0 0;
  height: 535px;
}
.subsections h3 {
  font-size: 12px;
}
.subsections h4 {
  font-size: 10px;
  padding-left: 5px;
}

.oldsection h3 {
  margin-top: 0px;
}

.footnote {
  left: 5px;
}

.cards .card {
  padding: 5px 10px;
  margin-bottom: 10px;
  box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
}
.cards .card:hover {
  box-shadow: 0 8px 8px 0 rgba(0,0,0,0.2);
}
.cards .content, .cards .addendum {
	padding: 5px;
}
.cards .content p, .cards .content li {
  font-size: 22px;
}
.cards .addendum p, .cards .addendum li {
  font-size: 20px;
}
.cards .content {
  margin: 0px -10px -10px -10px;
  padding: 10px 10px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: white;
}
.card pre {
  margin-bottom: 0px;
}
.card.notes, .card.notes .content {
  background-color: var(--wylclr);
}
.card.warns, .card.warns .content {
  background-color: var(--wrdclr);
}

.remark-skip {
  font-size: 20px;
}
.remark-code {
  font-size: 18px;
}
.remark-skip {
  line-height: 1.5;
}

.code-t pre, .code-t .hljs {
  padding-bottom: 0;
  margin-bottom: 0;
}
.code-m pre, .code-m .hljs {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.code-b pre, .code-b .hljs {
  padding-top: 0;
}

.hljs-num .hljs {
  overflow-x: hidden;
  background: rgba(255,255,255,0);
}
.hljs-num .hljs-number {
  color: rgb(0,0,0);
}

.mrq, .entry-mrq {
  bottom: -50px !important;
  width: calc(100% - 20px) !important;
}
.remark-quizzes-pre-qns,
.remark-quizzes-pre-cmt,
.remark-quizzes-mrq-lc,
.remark-quizzes-chc-btn {
  font-size: 20px !important;
}
.remark-quizzes-chc-num {
  width: 12px !important;
}
.remark-quizzes-chc-btn {
  width: 16px !important;
}

.remark-quizzes-mrq-lc {
  bottom: 80px !important;
}
.remark-quizzes-chc-cmt, .remark-quizzes-pre {
  display: none !important;
}
.cmt-s .remark-quizzes-chc-cmt, .cmt-s .remark-quizzes-chc-qns {
  font-size: 12px !important;
}
.cmnt-s .remark-quizzes-chc-cmt {
  font-size: 12px !important;
}
.cmt-m .remark-quizzes-chc-cmt, .cmt-m .remark-quizzes-chc-qns {
  font-size: 14px !important;
}
.cmt25 .remark-quizzes-chc-cmt {
  width: 25% !important;
}
.cmt30 .remark-quizzes-chc-cmt {
  width: 30% !important;
}
.cmt35 .remark-quizzes-chc-cmt {
  width: 35% !important;
}

.remark-quizzes-timer-label {
	font-size: 42px !important;
}
.remark-quizzes-timer {
	width: 75px  !important;
	height: 60px !important;
}

.btn {
  align-items: center;
  appearance: none;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: .2em;
  box-shadow: none;
  box-sizing: border-box;
  color: #363636;
  cursor: pointer;
  display: inline-flex;
  font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding: calc(.5em - 1px) .5em;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: top;
  white-space: nowrap;
}
.btn:active {
  border-color: #4a4a4a;
  outline: 0;
}
.btn:focus {
  border-color: #485fc7;
  outline: 0;
}
.btn:hover {
  border-color: #b5b5b5;
}
.btn:focus:not(:active) {
  box-shadow: rgba(72, 95, 199, .25) 0 0 0 .125em;
}

.lnk {
  font-weight: 400;
  font-style: italic;
  color: var(--dblclr);
  text-decoration: underline dashed;
  cursor: pointer;
}

.text-editor {
  border: 1px #363636 solid;
  padding: 0px 5px;
  margin: 5px;
}
.tight-editor {
  width: 100%;
}
.half-editor {
  width: 50%;
}
.editor16 {
  font-size: 16px;
}
.editor18 {
  font-size: 18px;
}
.editor20 {
  font-size: 20px;
}
.editor22 {
  font-size: 22px;
}
.editor24 {
  font-size: 24px;
}

.end span {
  font-size: 48px;
}
.end span.entry-comment {
  font-size: 32px;
}

.inline-frame { padding: 0; overflow: hidden; border: 0px;
  /* width: 134%;
  -ms-zoom: 0.75;
  -moz-transform: scale(0.75);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.75);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.75);
  -webkit-transform-origin: 0 0; */
}

.l05manual {
	bottom: 2.45% !important;
}

.ace_content, .ace_editor, .ace_editor div {
  font-family:monospace;
  letter-spacing: 0px;
}
kbd {
  position: relative;
  display: block;
  white-space: pre;
  font-family: 'Mononoki';
	margin: 0 0 1em 0;
	padding: 0;
  text-align: justify;
}

.cursor-ball {
  width: 8px;
  height: 8px;
  background-color: rgba(255,16,16,0.7) !important;
  box-shadow: 0 0 8px 8px rgba(255,16,16,0.2);
}
.cursor-outline {
  width: 4rem !important;
  height: 4rem !important;
  transition: all 0.2s ease !important;
}
.cursor-hide {
  background-color: #00000000 !important;
}

.remark-code.text {
  background-color: #00000000 !important;
}
.remark-code.text * {
  color: black !important;
}

.titles h1, .sections h1 {
	font-size: 64px;
}
.titles h2, .sections h2 {
	font-size: 56px;
}
.subsections h3 {
	font-size: 24px;
}

#tut-container, #pdf-container {
  width:100%;
  height:100%;
}
#tut-container {
  z-index: 3;
}
#tut-inner {
	height: calc(100vh - 55px);
	top: 30px;
	position: relative;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 900px) {
  #tut-inner { grid-template-columns: repeat(2, 1fr); }
  #tut-container, #pdf-container { width:50% !important; height:100% !important; }
  #pdf-container { position: absolute; right: 0; }
}

@media print {
  .rvl, .rvl-tgl, .rvl-invisible, iframe {
    display: block !important;
  }
  .rvl-plus, .remark-quizzes-timer, .unrvl-tgl, .rvl-num, .unrvl.rvl-visible, .unrvl-step {
    display: none !important;
  }
}