@import url("/css/fontawesome-min.css");

@font-face {
    font-family      : 'Source Sans Pro';
    font-style       : normal;
    font-weight      : 400;
    src              : url('/fonts/source-sans-pro-v9-latin-regular.eot');
    src              : local('Source Sans Pro'), local('SourceSansPro-Regular'),
                       url('/fonts/source-sans-pro-v9-latin-regular.eot?#iefix') format('embedded-opentype'),
                       url('/fonts/source-sans-pro-v9-latin-regular.woff2') format('woff2'),
                       url('/fonts/source-sans-pro-v9-latin-regular.woff') format('woff'),
                       url('/fonts/source-sans-pro-v9-latin-regular.ttf') format('truetype');
}

@font-face {
    font-family      : 'Source Sans Pro';
    font-style       : italic;
    font-weight      : 400;
    src              : url('/fonts/source-sans-pro-v9-latin-italic.eot');
    src              : local('Source Sans Pro Italic'), local('SourceSansPro-It'),
                       url('/fonts/source-sans-pro-v9-latin-italic.eot?#iefix') format('embedded-opentype'),
                       url('/fonts/source-sans-pro-v9-latin-italic.woff2') format('woff2'),
                       url('/fonts/source-sans-pro-v9-latin-italic.woff') format('woff'),
                       url('/fonts/source-sans-pro-v9-latin-italic.ttf') format('truetype');
}

@font-face {
    font-family      : 'Source Sans Pro';
    font-style       : normal;
    font-weight      : 700;
    src              : url('/fonts/source-sans-pro-v9-latin-700.eot');
    src              : local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
                       url('/fonts/source-sans-pro-v9-latin-700.eot?#iefix') format('embedded-opentype'),
                       url('/fonts/source-sans-pro-v9-latin-700.woff2') format('woff2'),
                       url('/fonts/source-sans-pro-v9-latin-700.woff') format('woff'),
                       url('/fonts/source-sans-pro-v9-latin-700.ttf') format('truetype');
}

:root {
    color-scheme     : light;
}

html {
    color            : light-dark(#333333, #FFFFFF);
    background-color : light-dark(#FFFFFF, #030C12);
    margin           : 0;
    padding          : 0;
}

body {
    font-family      : "Source Sans Pro", "Trebuchet MS", "Verdana", sans-serif;
    margin           : 0;
    padding          : 0;
}

code {
	color            : #186196;
	font-weight      : bold;
}

h1 {
    font-size        : 28px;
    margin-top       : 8px;
    padding          : 1px;
    vertical-align   : middle;
}

h2 {
    border-bottom    : 1px solid #DDDDDD;
    font-size        : 30px;
    margin-left      : -1em;
    margin-right     : -1em;
    text-decoration  : bold;
}

h3 {
    font-size        : 18px;
    margin-left      : -1em;
    margin-right     : -1em;
    text-decoration  : bold;
}

img {
    border           : 0px;
    vertical-align   : middle;
}

pre {
    background-color : #3C3C3C;
    border-color     : #3D3D3D;
    border-radius    : 4px;
    color            : #ECECEC;
    display          : block;
    font-size        : 13px;
    line-height      : 1.42857143;
    margin           : 0 0 10px;
    overflow         : auto;
    padding          : 9.5px;
    word-break       : break-all;
    word-wrap        : break-word;
}

pre code {
    color            : #ECECEC;
	font-weight      : normal;
}

.content {
    font-size        : 14px;
    margin-left      : 30%;
    margin-right     : 30%;
    margin-top       : 1.5em;
}

.content img {
    border           : 0px;
    display          : block;
    margin           : auto;
    vertical-align   : middle;
    text-align       : center;
}

.content li {
    list-style-type  : square;
}

.copyright {
    color            : #404040;
    font-family      : "Source Sans Pro", "Trebuchet MS", "Verdana", sans-serif;
    font-size        : 10px;
    text-align       : center;
    text-decoration  : none;
}

.copyright a {
    color            : #404040;
    text-decoration  : none;
}

.copyright a:hover {
    color            : #404040;
    text-decoration  : none;
}

.footer {
    background       : light-dark(#FFFFFF, #030C12);
    color            : light-dark(#000000, #FFFFFF);
    clear            : both;
    font-family      : sans-serif, verdana, Helvetica;
    font-size        : 12px;
    margin-left      : 10px;
    margin-top       : 0.4em;
    padding          : 0;
    width            : 100%
}

.footer-left {
    position         : absolute;
    text-align       : left;
    width            : 50%;
}

.footer-right {
    left             : 50%;
    position         : absolute;
    text-align       : right;
    width            : 50%;
}

.header {
    background       : light-dark(#BEE0FF, #2185D0);
    border-bottom    : 2px solid #186196;
    color            : #186196;
    clear            : both;
    font-size        : 14px;
    padding-left     : 1em;
    padding-top      : 1px;
    text-align       : center;
    vertical-align   : middle;
}

.header a {
    color            : light-dark(#186196, #CCCCCC);
    padding-left     : 5px;
    padding-right    : 5px;
    padding-top      : 1px;
    text-decoration  : none;
}

.header a:hover {
    color            : light-dark(#000055, #FFFFFF);
    padding-left     : 5px;
    padding-right    : 5px;
    padding-top      : 1px;
}

.header img {
    margin           : 0px;
    padding          : 0px;
}

.header li {
    display          : inline;
    margin-left      : 2em;
}

.header ul {
    margin           : 0px;
    padding          : 0px;
    text-align       : center;
}

.wrapper_content {
	margin-bottom    : 2.5em;
	padding          : 6em 0 0 0;
}

.wrapper_header {
	background       : light-dark(#FFFFFF, #030C12);
	color            : light-dark(#000000, #FFFFFF);
	height           : 6em;
	left             : 0;
	position         : absolute;
	position         : fixed;
	top              : 0;
	width            : 100%;
}

.wrapper_footer {
    background       : light-dark(#FFFFFF, #030C12);
    border-top       : 2px solid #186196;
    bottom           : 0;
    color            : #000000;
    height           : 1.5em;
    left             : 0;
    position         : absolute;
    position         : fixed;
    width            : 100%
}