@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro:400,  700");
    :root  {
    --base-color:  #DBDBDB;
    --border:  dashed 1px rgba(219,  219,  219,  0.9);
    --selection-background:  rgba(219,  219,  219,  0.99);
    --selection-text:  #000;
    --background-color:  #000;
    --text-color:  var(--base-color);
    --placeholder-color:  var(--base-color);
    --link-color:  var(--base-color);
    --color-a:  #678CB1;
    --color-b:  #FACD22;
    --color-c:  #8AC763;
    --color-d:  #EC7600;
}
body  {
    background-color:  var(--background-color);
    margin:  0 auto;
    padding:  0;
    font-family:  "Source Code Pro",  monospace;
    font-size:  12.5px;
    color:  var(--text-color);
    text-align:  left;
    line-height:  1.5 !important;
}
h1,  h2,  h3,  h4,  h5,  h6  {
    margin:  0px;
    margin-top:  22px;
    font-weight:  bold;
}
h1  {
    text-transform:  uppercase;
    font-size:  18.5px !important;
}
p,  ul,  ol  {
    margin:  0px;
    color:  var(--text-color);
}
a  {
    text-decoration:  none;
    color:  var(--link-color);
}
a:hover  {
    color:  var(--background-color);
    background-color:  var(--base-color);
}
@media only screen and (max-device-width: 500px)  {
    *  {
    font-size:  12px !important;
}
}
.container  {
    width:  90%;
    max-width:  600px;
    margin-right:  auto;
    margin-left:  auto;
}
p  {
    word-wrap:  break-word;
    word-break:  break-word;
    white-space:  pre-wrap;
    margin-bottom:  15px;
}
footer  {
    color:  var(--text-color);
    border-top:  var(--border);
    margin:  20px auto 15px;
    padding-top:  10px;
    text-align:  center;
}
header  {
    margin-top:  25px;
    margin-bottom:  10px;
}
footer  {
    margin-bottom:  20px;
}
::selection  {
    background:  var(--selection-background);
    color:  var(--selection-text);
}
::-moz-selection  {
    background:  var(--selection-background);
    color:  var(--selection-text);
}
:not(.menu)>ul  {
    list-style:  none;
    padding-left:  0;
}
:not(.menu)>ul  {
    list-style-type:  none;
}
:not(.menu)>ul>li:before  {
    content:  none;
}
.menu  {
    border-bottom:  var(--border);
    margin-bottom:  25px;
}
.menu ul  {
    margin-top:  12px;
    margin-bottom:  12px;
    padding-left:  0px;
    list-style-type:  none;
    text-align:  right;
}
.menu ul li  {
    display:  inline;
    margin-left:  10px;
}
.menu ul li a  {
    text-decoration:  none;
    color:  var(--text-color);
}
.menu ul li a:hover  {
    text-decoration:  none;
    color:  var(--background-color);
    background-color:  var(--base-color);
}
*:focus  {
    outline:  none;
}
pre  {
    border:  none;
    padding:  0;
    margin:  0;
    overflow:  auto;
    font-family:  "Source Code Pro",  monospace !important;
}
.separator  {
    border-bottom:  var(--border);
    margin-bottom:  25px;
    margin-top:  25px;
}
.title  {
    color:  var(--color-b);
}
.color-c  {
    color:  var(--color-c);
}
.color-a  {
    color:  var(--color-a);
}
.skill:hover  {
    color:  var(--background-color);
    background-color:  var(--base-color);
}