body {
    font-family: 'Open Sans Hebrew', serif;
    font-size: 13px;
    position: relative;
    background-color: white;
}

h1, h2, .dimension text {
    text-align: center;
    font-family: 'Open Sans Hebrew', serif;
    font-weight: normal;
    color: black;
}

h1 {
    font-size: 4em;
    margin: .5em 0 0 0;
}

h2 {
    font-size: 2em;
    margin: 1em 0 0.5em;
    border-bottom: solid #ccc 1px;+
}

h6 {
    font-weight: bold;
    direction: rtl;
}
p, ul, h2{
    direction: rtl;
}

ul{
    margin-top: 0px;
}

.switch label input[type=checkbox]:checked + .lever {
    background-color: grey;
}
.switch label input[type=checkbox]:checked + .lever:after {
    background-color: lightgray;
}

p.meta, p.footer {
    font-size: 13px;
    color: #333;
}

.nav-items{
    margin-right: 20px;
    margin-left: 20px;
}
.insight-list {
    list-style: circle;
    margin-right: 18px;
}

p.meta {
    text-align: center;
}

text.icicle {
    pointer-events: none;
}

label{
    color: #bebada;
}

.options {
    font-size: 12px;
    text-align: center;
    padding: 5px 0;
}

.curves {
    float: left;
}

.source {
    float: right;
}

pre, code {
    font-family: "Menlo", monospace;
}

.html .value,
.javascript .string,
.javascript .regexp {
    color: #756bb1;
}

.html .tag,
.css .tag,
.javascript .keyword {
    color: #3182bd;
}

.comment {
    color: #636363;
}

.html .doctype,
.javascript .number {
    color: #31a354;
}

.html .attribute,
.css .attribute,
.javascript .class,
.javascript .special {
    color: #e6550d;
}

.card .card-content {
    padding: 10px;
}