@import url("https://fonts.googleapis.com/css?family=Raleway|Didact+Gothic");body>.column.margin,body>body.margin,body>.row.margin{padding:.5rem}.row,.column,body{display:flex;align-content:stretch;align-items:stretch;flex:1}.row.shrink,.column.shrink,body.shrink{flex:none}.row{flex-direction:row;padding:inherit 5px}.row.force{flex-direction:row !important}.row.margin>*:not(:last-child){margin-right:.5rem}@media (max-width: 700px){.row{flex-direction:column}.row.margin>*:not(:last-child){margin-bottom:.5rem}}.column,body{flex-direction:column}.column.margin>*:not(:last-child),body.margin>*:not(:last-child){margin-bottom:.5rem}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{background:#fff;color:#000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}*{box-sizing:border-box}.outline{outline:1px solid sienna}.panel{background-color:rgba(190,214,0,0.02);box-shadow:0 0 4px rgba(119,184,0,0.5);border:1px solid #bed600;padding:2rem}.w100{width:100%}.w50{width:50%}.w25{width:25%}.w33{width:33.33%}.w66{width:66.66%}.w100,.w50,.w25,.w33,.w66{display:block}iframe{box-shadow:0 0 4px rgba(119,184,0,0.5);border:1px solid #bed600;display:block;width:100%}.embed{position:relative;flex:1}.embed iframe{width:100%;height:100%;position:absolute;display:block;top:0;left:0}#header,#social,#navigation,#content{width:100%;max-width:100ch;margin:0 auto}html{height:100%;margin:0}body{min-height:100%;font-family:"Didact Gothic",sans-serif;font-size:22px;padding:6rem 0;background-image:url(../images/binary.png);background-repeat:repeat;margin:0}@media (max-width: 700px){body{padding:1rem 0 6rem 0}}h1,h2,h3,h4,h5,h6{font-family:"Raleway",sans-serif;margin:0.66em 0}ul,ol,p{margin:1rem 0}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,ul:first-child,ol:first-child,p:first-child,div:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,ul:last-child,ol:last-child,p:last-child,div:last-child{margin-bottom:0}hr{margin:1rem 0;background:#9a9b9d;border:none;height:1px}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}#header,#social,#navigation,#content-header,#content-body{padding:1.5rem}#header{order:1;background:-moz-linear-gradient(top, rgba(143,200,0,0) 0%, rgba(143,200,0,0.25) 100%);background:-webkit-linear-gradient(top, rgba(143,200,0,0) 0%, rgba(143,200,0,0.25) 100%);background:linear-gradient(to bottom, rgba(143,200,0,0) 0%, rgba(143,200,0,0.25) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008fc800', endColorstr='#408fc800',GradientType=0 )}#header h1,#header h2{line-height:1rem}@media (max-width: 700px){#header{font-size:80%;align-items:center;text-align:center}#header h1,#header h2{line-height:2rem}}#social{align-items:center;box-shadow:2px 2px 2px rgba(77,78,83,0.1);background-color:#bed600;color:#417630;order:10}#social a{padding-right:0.5rem;font-size:1rem}@media (max-width: 700px){#social{font-size:0.85em;justify-content:space-around}}#navigation{color:white;background-color:#bed600;order:1}#navigation ul{list-style:none}#navigation>ul{padding-left:0}#navigation>ul li{padding-right:1rem}#navigation>ul li.selected{text-decoration:underline}#navigation>ul li:last-child{padding-right:0}#navigation>ul ul{display:none}#content{background-color:rgba(255,255,255,0.9);box-shadow:0px 3px 8px rgba(77,78,83,0.1);order:2}#content-header{border-bottom:4px solid #bed600}#content-header .page-name{margin:0;font-size:2rem;margin:0}#content-header .published{font-size:1rem;align-self:center}#content-header .tags{font-size:1rem}@media (max-width: 700px){#content-header .published,#content-header .tags,#content-header .page-name{align-self:center}}#content-body .header-link.small{font-weight:bold}#content-body .p-summary{font-size:100%}#content-body .p-summary *{font-size:1em;font-family:"Didact Gothic",sans-serif;font-weight:normal}


/* //////////////////////////////////////////////////////////////////////
/// Ruans Changes below
/// 
  */

body{
    background-color: black;
    padding: 2rem 0;
}
#social {
    background-color: #8100d6;
    color: white; 
}
#content-header {
    border-bottom: 4px solid #8100d6;
    color: #ECECEC;
    background-color: #212121;
}
#content-body{
    background-color: #212121;
    color: white;
}
#navigation {
    background-color: #8100d6;
}
#header h1, #header h2 {
    color: white;
}
#header{
    background: linear-gradient(to bottom, rgba(143, 200, 0, 0) 0%, #8100d6 100%);
}
iframe {
    box-shadow: 0 0 4px #8100d6;
    border: 1px solid #8100d6;
    display: block;
    width: 100%;
}