/** body / container **/
body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    background-color: #222222;
    color: #F8F8F2;
}
label {
    margin: 0;
}

/** logo **/
.logo {
    font-family: 'Quicksand', sans-serif;
    font-size: 40pt;
    padding-top: 20px;
    padding-bottom: 0px;
    color: #F8F8F2;
}
@media (max-width: 420px) {
    .logo {
        font-size: 36pt;
    }
}

/** copy tag at bottom **/
.copy {
    position: fixed;
    bottom: 10px;
    font-size: 8pt;
    color: #474747;
}

/** text block **/
.text {
    padding-left:30px;
    font-size: 12pt;
}

/** text block indention **/
.indent-0 {

}
.indent-1 {
    padding-left: 30px;
}
.indent-2 {
    padding-left: 50px;
}

/** text colors **/
.symbol {
    color: #ff5e5e;
}
.reserved-word {
    color: #fbdfb5;
}
.string {
    color: #ecfdb9;
}
.number {
    color: #fc9354;
}
.text-11 {
    color: #8cdaff;
}
.text-1 {
    color: #F8F8F0;
}
.text-2 {
    color: #F8F8F2;
}
.text-3 {
    color: #3B3A32;
}
.text-13 {
    color: #97d8ea;
}
.text-15 {
    color: #FFB2F9;
}
.text-4 {
    color: #3D3D3D;
}
.text-5 {
    color: #fdb082;
}
.text-6 {
    color: #ff8942;
}
.text-7 {
    color: #fdb082;
}
.text-8 {
    color: #e9fdac;
}
.text-16 {
    color: #66D9EF;
}
.text-17 {
    color: #F92672;
}