/* Color Palette 
#2B2D42 - dark blue
#8D99AE - light blue
#EDF2F4 - blue/white
#EF233C - red
*/

/* Global styles
---------------------------*/
body {
    font-family: 'Open Sans', sans-serif;    
}

h1, h2 {
    font-family: 'Caveat', cursive;
    font-weight: normal;
}

h1 {
    font-size: 80px;
}

h2 {
    font-size: 40px;
}

a {
    color: #EF233C;
}

a:hover {
    text-decoration: none;
}

/* Header and Footer
---------------------------*/
header, footer {
    background: #2B2D42;
    color: #8D99AE;
}

header h1, header h2 {
    color: #EDF2F4;
}

/* Document
---------------------------*/
.document {
    background: #EDF2F4
}

/* Reference
---------------------------*/
.reference {
    background: #8D99AE;
}

.reference-list {
    padding: 0;
    list-style: none;
}

.reference-list, .reference-item {
    margin-bottom: 5px;
}


/* Code 
----------------------------*/

p code {
    font-size:.8rem
}

code, pre {
    border-radius:2px;
    display:inline-block;
    padding:3px 7px;
    direction: ltr;
    line-height: 19px;
    border:1px solid hsla(0,0%,50%,1);
    background-color:hsla(0,0%,98%,1);
    font-size:.875rem
}

code code {
    border: none;
    color: red;
    padding: 0%;
    border-radius: 0%;
}

pre code {
    border: none;
    color: red;
    padding: 0%;
    border-radius: 0%;
}

/* Footer 
----------------------------*/

#footer .footer-left {
    float: left;
}

#footer .footer-right {
    float: right;
}