static_pages/templates/style.css

html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    background-color: #11111b;
    color: #cdd6f4;
    margin:0;
}
a{
    color: #a6d189;
    background:transparent
}
a:active,a:hover{
    outline:0
}
b,strong{
    font-weight:bold
}
h1{
    color: #eba0ac;
    font-size:2em;
    margin:0.67em 0
}
small{
    font-size:80%
}
sub,sup{
    color: #b5bfe2
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
img{
    border:0
}
hr{
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace, monospace;
    font-size:1em;
    color: #414559;
}
textarea{
    overflow:auto
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
body,code,tr.odd,tr.even,body{
    line-height:1.3;
    text-align:justify;
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    -webkit-hyphens:auto;
    hyphens:auto
}
@media (max-width: 400px){
    body{
        font-size:12px;
        margin-left:10px;
        margin-right:10px;
        margin-top:10px;
        margin-bottom:15px
    }
}
@media (min-width: 401px) and (max-width: 600px){
    body{
        font-size:14px;
        margin-left:10px;
        margin-right:10px;
        margin-top:10px;
        margin-bottom:15px
    }
}
@media (min-width: 601px) and (max-width: 900px){
    body{
        font-size:15px;
        margin-left:100px;
        margin-right:100px;
        margin-top:20px;
        margin-bottom:25px
    }
}
@media (min-width: 901px) and (max-width: 1800px){
    body{
        font-size:17px;
        margin-left:200px;
        margin-right:200px;
        margin-top:30px;
        margin-bottom:25px;
        max-width:800px
    }
}
@media (min-width: 1801px){
    body{
        font-size:18px;
        margin-left:20%;
        margin-right:20%;
        margin-top:30px;
        margin-bottom:25px;
        max-width:1000px
    }
}
p{
    margin-top:10px;
    margin-bottom:18px
}
em{
    font-style:italic
}
strong{
    font-weight:bold
}
h1,h2,h3,h4,h5,h6{
    font-weight:bold;
    padding-top:0.25em;
    margin-bottom:0.15em
}
header{
    line-height:2.475em;
    padding-bottom:0.7em;
    border-bottom:1px solid #bbb;
    margin-bottom:1.2em
}
header>h1{
    border:none;
    padding:0;
    margin:0;
    font-size:225%
}
header>h2{
    border:none;
    padding:0;
    margin:0;
    font-style:normal;
    font-size:175%
}
header>h3{
    padding:0;
    margin:0;
    font-size:125%;
    font-style:italic
}
header+h1{
    border-top:none;
    padding-top:0px
}
h1{
    border-top:1px solid #bbb;
    padding-top:15px;
    font-size:150%;
    margin-bottom:10px
}
h1:first-of-type{
    border:none
}
h2{
    font-size:125%;
    font-style:italic
}
h3{
    font-size:105%;
    font-style:italic
}
hr{
    border:0px;
    border-top:1px solid #bbb;
    width:100%;
    height:0px
}
hr+h1{
    border-top:none;
    padding-top:0px
}
ul,ol{
    font-size:90%;
    margin-top:10px;
    margin-bottom:15px;
    padding-left:30px
}
ul{
    list-style:circle
}
ol{
    list-style:decimal
}
ul ul,ol ol,ul ol,ol ul{
    font-size:inherit
}
li{
    margin-top:5px;
    margin-bottom:7px
}
q,blockquote,dd{
    font-style:italic;
    font-size:90%
}
blockquote,dd{
    quotes:none;
    border-left:0.35em #bbb solid;
    padding-left:1.15em;
    margin:0 1.5em 0 0
}
blockquote blockquote,dd blockquote,blockquote dd,dd dd,ol blockquote,ol dd,ul blockquote,ul dd,blockquote ol,dd ol,blockquote ul,dd ul{
    font-size:inherit
}
a,a:link,a:visited,a:hover{
    text-decoration:none;
    border-bottom:1px dashed #111
}
a:hover,a:link:hover,a:visited:hover,a:hover:hover{
    border-bottom-style:solid
}
a.footnoteRef,a:link.footnoteRef,a:visited.footnoteRef,a:hover.footnoteRef{
    border-bottom:none;
    color:#666
}
code{
    font-family:"Source Code Pro","Consolas","Monaco",monospace;
    font-size:85%;
    background-color:#ddd;
    border:1px solid #bbb;
    padding:0px 0.15em 0px 0.15em;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px
}
pre{
    margin-right:1.5em;
    display:block
}
pre>code{
    display:block;
    font-size:70%;
    padding:10px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    overflow-x:auto
}
blockquote pre,dd pre,ul pre,ol pre{
    margin-left:0;
    margin-right:0
}
blockquote pre>code,dd pre>code,ul pre>code,ol pre>code{
    font-size:77.77778%
}
caption,figcaption{
    font-size:80%;
    font-style:italic;
    text-align:right;
    margin-bottom:5px
}
caption:empty,figcaption:empty{
    display:none
}
table{
    width:100%;
    margin-top:1em;
    margin-bottom:1em
}
table+h1{
    border-top:none
}
tr td,tr th{
    padding:0.2em 0.7em
}
tr.header{
    border-top:1px solid #222;
    border-bottom:1px solid #222;
    font-weight:700
}
tr.odd{
    background-color:#eee
}
tr.even{
    background-color:#ccc
}
tbody:last-child{
    border-bottom:1px solid #222
}
dt{
    font-weight:700
}
dt:after{
    font-weight:normal;
    content:":"
}
dd{
    margin-bottom:10px
}
img{
    display:block;
    margin:0px auto;
    padding:0px;
    max-width:100%
}
figcaption{
    margin:5px 10px 5px 30px
}
.footnotes{
    color:#666;
    font-size:70%;
    font-style:italic
}
.footnotes li p:last-child a:last-child{
    border-bottom:none
}