custom.css

/* custom.css */
@import url('https://fonts.googleapis.com/css?family=Cuprum:400,400i,700,700i&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Scada:400,400i,700,700i&subset=cyrillic');

.left-code {
  color: #777;
  width: 38%;
  height: 92%;
  float: left;
}
.right-plot {
  width: 60%;
  float: right;
  padding-left: 1%;
}

body { font-family: 'Scada', serif; font-size: 20pt; }
p { font-size: 20pt; margin-top: 0; margin-bottom: 0;}
ul { font-size: 20pt;}
ol { font-size: 20pt; }
h3 { margin-top: 0;}
.caption { font-size: 20pt; }
.right-column { padding: 0px; }
.left-column { font-size: 14pt; color: black; }
.left-30 {
  width: 30%;
  float: left;
}
.left-40 {
  width: 40%;
  float: left;
}
.left-60 {
  width: 60%;
  float: left;
}
.right-40 {
  width: 40%;
  float: right;
}
.right-60 {
  width: 60%;
  float: right;
}
.right-70 {
  width: 70%;
  float: right;
}
.red { color: crimson; }
.blue { color: steelblue; }
.green { color: forestgreen; }
.large { font-size: 25pt; }
.small { font-size: 18pt;}
.vsmall { font-size: 14pt;}
.tiny { font-size: 10pt; line-height: 0.5; line-height: 1.2; display: block;}

.left-column>p{
  font-size: 20pt;
}

h1, h2, h3 {
  font-family: 'Cuprum';
  font-weight: bold;
}
table { 
  font-size: 18pt; 
  float: left;
}
img {
  margin-bottom: 0;
  padding-bottom: 0;
}

MathJax { color: red; }

.remark-code, .remark-inline-code {
    font-family: 'Menlo';
}

.remark-code {
    font-size: 24px;
}

.code-small .remark-code {
    font-size: 20px;
}

.remark-inline-code {
    background: pink;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px
}

.small-pre pre code {
  font-size: 18px;
}

/*pre code {
  white-space: pre-wrap;
}*/