/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article,
aside,
footer,
header,
nav,
section {
    display: block
}
h1 {
    font-size: 2em;
    margin: 0.67em 0
}
figcaption,
figure {
    display: block
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}
main {
    display: block
}
pre {
    font-family: monospace, monospace;
    font-size: 1em
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
a:active,
a:hover,
#title h1:hover {
    outline-width: 0
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}
b,
strong {
    font-weight: inherit
}
b,
strong {
    font-weight: bolder
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
dfn {
    font-style: italic
}
mark {
    background-color: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sub {
    bottom: -0.25em
}
sup {
    top: -0.5em
}
audio,
video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
img {
    border-style: none
}
svg:not(:root) {
    overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}
input {
    overflow: visible
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}
legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}
progress {
    display: inline-block;
    vertical-align: baseline
}
textarea {
    overflow: auto
}
details {
    display: block
}
summary {
    display: list-item
}
menu {
    display: block
}
canvas {
    display: inline-block
}
template {
    display: none
}
[hidden] {
    display: none
}
body {
    background-color: #e6e6e6;/* main background color*/
    text-align: center
}
a:hover,
#title h1:hover {
    opacity: 0.5
}
#title {
    color: black;
    text-decoration: none
}
#copyright {
    color: gray
}
#logo {
    margin-top: 1%
}
#social {
    padding-bottom: 1%
}
#social a {
    text-decoration: none
}
.links {
    font-size: 15pt;
    word-spacing: 1em
}
.links a {
    color: black;
    text-decoration: none;
    font-weight: bold
}
.links:last-of-type {
    padding-bottom: 1%
}
.listBody {
    width: 95%;
    margin: 2% auto;
    background-color: #f2f2f2;
    box-shadow: 0px 0px 20px black;
    border-radius: 5px;
    display: table;
    width: auto
}
.list {
    margin: 1%;
    padding: 1%
}
.list h3 a {
    text-decoration: none;
    color: black
}
.postBody {
    max-width: 700px;
    margin: 3% auto;
    background-color: #f2f2f2;
    box-shadow: 0px 0px 20px black;
    border-radius: 5px
}
.post-meta {
    color: gray;
    margin-bottom: 1%
}
.post {
    margin: 1%;
    padding: 3%;
    text-align: justify
}
.post header h1 a {
    color: black;
    text-decoration: none
}
.post .summary {
    padding-top: 1%;
    line-height: 1.6
}
.content {
    padding-top: 1%;
    overflow: hidden;
    line-height: 1.5;
    word-wrap: break-word;
    text-align: justify
}
.content a {
    background: transparent
}
.content a:active,
.content a:hover,
.content #title h1:hover,
#title .content h1:hover {
    outline: 0
}
.content strong {
    font-weight: bold
}
.content h1 {
    font-size: 2em;
    margin: 0.67em 0
}
.content img {
    border: 0
}
.content hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
.content pre {
    overflow: auto
}
.content code,
.content kbd,
.content pre {
    font-family: monospace, monospace;
    font-size: 1em
}
.content input {
    color: inherit;
    font: inherit;
    margin: 0
}
.content html input[disabled] {
    cursor: default
}
.content input {
    line-height: normal
}
.content input[type="checkbox"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
.content table {
    border-collapse: collapse;
    border-spacing: 0
}
.content td,
.content th {
    padding: 0
}
.content * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.content input {
    font: 13px/1.4 Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"
}
.content a {
    color: #4183c4;
    text-decoration: none
}
.content a:hover,
.content #title h1:hover,
#title .content h1:hover,
.content a:focus,
.content a:active {
    text-decoration: underline
}
.content hr {
    height: 0;
    margin: 15px 0;
    overflow: hidden;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #ddd
}
.content hr:before {
    display: table;
    content: ""
}
.content hr:after {
    display: table;
    clear: both;
    content: ""
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 1.1
}
.content h1 {
    font-size: 30px
}
.content h2 {
    font-size: 21px
}
.content h3 {
    font-size: 16px
}
.content h4 {
    font-size: 14px
}
.content h5 {
    font-size: 12px
}
.content h6 {
    font-size: 11px
}
.content blockquote {
    margin: 0
}
.content ul,
.content ol {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0
}
.content ol ol,
.content ul ol {
    list-style-type: lower-roman
}
.content ul ul ol,
.content ul ol ol,
.content ol ul ol,
.content ol ol ol {
    list-style-type: lower-alpha
}
.content dd {
    margin-left: 0
}
.content code {
    font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace
}
.content pre {
    margin-top: 0;
    margin-bottom: 0;
    font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace
}
.content kbd {
    background-color: #e7e7e7;
    background-image: -webkit-linear-gradient(#fefefe, #e7e7e7);
    background-image: linear-gradient(#fefefe, #e7e7e7);
    background-repeat: repeat-x;
    border-radius: 2px;
    border: 1px solid #cfcfcf;
    color: #000;
    padding: 3px 5px;
    line-height: 10px;
    font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
    display: inline-block
}
.content .markdown-body>*:first-child {
    margin-top: 0 !important
}
.content .markdown-body>*:last-child {
    margin-bottom: 0 !important
}
.content .anchor {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    padding-right: 6px;
    padding-left: 30px;
    margin-left: -30px
}
.content .anchor:focus {
    outline: none
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    position: relative;
    margin-top: 1em;
    margin-bottom: 16px;
    font-weight: bold;
    line-height: 1.4
}
.content h1 .octicon-link,
.content h2 .octicon-link,
.content h3 .octicon-link,
.content h4 .octicon-link,
.content h5 .octicon-link,
.content h6 .octicon-link {
    display: none;
    color: #000;
    vertical-align: middle
}
.content h1:hover .anchor,
.content h2:hover .anchor,
.content h3:hover .anchor,
.content h4:hover .anchor,
.content h5:hover .anchor,
.content h6:hover .anchor {
    height: 1em;
    padding-left: 8px;
    margin-left: -30px;
    line-height: 1;
    text-decoration: none
}
.content h1:hover .anchor .octicon-link,
.content h2:hover .anchor .octicon-link,
.content h3:hover .anchor .octicon-link,
.content h4:hover .anchor .octicon-link,
.content h5:hover .anchor .octicon-link,
.content h6:hover .anchor .octicon-link {
    display: inline-block
}
.content h1 {
    padding-bottom: 0.3em;
    font-size: 2.25em;
    line-height: 1.2;
    border-bottom: 1px solid #eee
}
.content h2 {
    padding-bottom: 0.3em;
    font-size: 1.75em;
    line-height: 1.225;
    border-bottom: 1px solid #eee
}
.content h3 {
    font-size: 1.5em;
    line-height: 1.43
}
.content h4 {
    font-size: 1.25em
}
.content h5 {
    font-size: 1em
}
.content h6 {
    font-size: 1em;
    color: #777
}
.content p,
.content blockquote,
.content ul,
.content ol,
.content dl,
.content table,
.content pre {
    margin-top: 0;
    margin-bottom: 16px
}
.content hr {
    height: 4px;
    padding: 0;
    margin: 16px 0;
    background-color: #e7e7e7;
    border: 0 none
}
.content ul,
.content ol {
    padding-left: 2em
}
.content ul ul,
.content ul ol,
.content ol ol,
.content ol ul {
    margin-top: 0;
    margin-bottom: 0
}
.content li>p {
    margin-top: 16px
}
.content dl {
    padding: 0
}
.content dl dt {
    padding: 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
    font-weight: bold
}
.content dl dd {
    padding: 0 16px;
    margin-bottom: 16px
}
.content blockquote {
    padding: 0 15px;
    color: #777;
    border-left: 4px solid #ddd
}
.content blockquote>:first-child {
    margin-top: 0
}
.content blockquote>:last-child {
    margin-bottom: 0
}
.content table {
    display: block;
    width: 100%;
    overflow: auto;
    word-break: normal;
    word-break: keep-all
}
.content table th {
    font-weight: bold
}
.content table th,
.content table td {
    padding: 6px 13px;
    border: 1px solid #ddd
}
.content table tr {
    background-color: #fff;
    border-top: 1px solid #ccc
}
.content table tr:nth-child(2n) {
    background-color: #f8f8f8
}
.content img {
    max-width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.content code {
    padding: 0;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin: 0;
    font-size: 85%;
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: 3px
}
.content code:before,
.content code:after {
    letter-spacing: -0.2em;
    content: "\00a0"
}
.content pre>code {
    padding: 0;
    margin: 0;
    font-size: 100%;
    word-break: normal;
    white-space: pre;
    background: transparent;
    border: 0
}
.content .highlight {
    margin-bottom: 16px
}
.content .highlight pre,
.content pre {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border-radius: 3px
}
.content .highlight pre {
    margin-bottom: 0;
    word-break: normal
}
.content pre {
    word-wrap: normal
}
.content pre code {
    display: inline;
    max-width: initial;
    padding: 0;
    margin: 0;
    overflow: initial;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0
}
.content pre code:before,
.content pre code:after {
    content: normal
}
.content .highlight {
    background: #fff
}
.content .highlight .mf,
.content .highlight .mh,
.content .highlight .mi,
.content .highlight .mo,
.content .highlight .il,
.content .highlight .m {
    color: #945277
}
.content .highlight .s,
.content .highlight .sb,
.content .highlight .sc,
.content .highlight .sd,
.content .highlight .s2,
.content .highlight .se,
.content .highlight .sh,
.content .highlight .si,
.content .highlight .sx,
.content .highlight .s1 {
    color: #df5000
}
.content .highlight .kc,
.content .highlight .kd,
.content .highlight .kn,
.content .highlight .kp,
.content .highlight .kr,
.content .highlight .kt,
.content .highlight .k,
.content .highlight .o {
    font-weight: bold
}
.content .highlight .kt {
    color: #458
}
.content .highlight .c,
.content .highlight .cm,
.content .highlight .c1 {
    color: #998;
    font-style: italic
}
.content .highlight .cp,
.content .highlight .cs {
    color: #999;
    font-weight: bold
}
.content .highlight .cs {
    font-style: italic
}
.content .highlight .n {
    color: #333
}
.content .highlight .na,
.content .highlight .nv,
.content .highlight .vc,
.content .highlight .vg,
.content .highlight .vi {
    color: #008080
}
.content .highlight .nb {
    color: #0086B3
}
.content .highlight .nc {
    color: #458;
    font-weight: bold
}
.content .highlight .no {
    color: #094e99
}
.content .highlight .ni {
    color: #800080
}
.content .highlight .ne {
    color: #990000;
    font-weight: bold
}
.content .highlight .nf {
    color: #945277;
    font-weight: bold
}
.content .highlight .nn {
    color: #555
}
.content .highlight .nt {
    color: #000080
}
.content .highlight .err {
    color: #a61717;
    background-color: #e3d2d2
}
.content .highlight .gd {
    color: #000;
    background-color: #fdd
}
.content .highlight .gd .x {
    color: #000;
    background-color: #faa
}
.content .highlight .ge {
    font-style: italic
}
.content .highlight .gr {
    color: #aa0000
}
.content .highlight .gh {
    color: #999
}
.content .highlight .gi {
    color: #000;
    background-color: #dfd
}
.content .highlight .gi .x {
    color: #000;
    background-color: #afa
}
.content .highlight .go {
    color: #888
}
.content .highlight .gp {
    color: #555
}
.content .highlight .gs {
    font-weight: bold
}
.content .highlight .gu {
    color: #800080;
    font-weight: bold
}
.content .highlight .gt {
    color: #aa0000
}
.content .highlight .ow {
    font-weight: bold
}
.content .highlight .w {
    color: #bbb
}
.content .highlight .sr {
    color: #017936
}
.content .highlight .ss {
    color: #8b467f
}
.content .highlight .bp {
    color: #999
}
.content .highlight .gc {
    color: #999;
    background-color: #EAF2F5
}
.content .octicon {
    font: normal normal 16px octicons-anchor;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.content .octicon-link:before {
    content: '\f05c'
}
.content .task-list-item {
    list-style-type: none
}
.content .task-list-item+.task-list-item {
    margin-top: 3px
}
.content .task-list-item input {
    float: left;
    margin: 0.3em 0 0.25em -1.6em;
    vertical-align: middle
}
@media (min-width: 43.75em) {
    .content body {
        padding: 30px
    }
}
img[src$='#center'] {
    display: block;
    margin: 0.7rem auto;
    /* you can replace the vertical '0.7rem' by
                            whatever floats your boat, but keep the
                            horizontal 'auto' for this to work */
    /* whatever else styles you fancy here */
}
img[src$='#left'] {
    float: left;
    margin: 0.7rem;
    /* this margin is totally up to you */
    /* whatever else styles you fancy here */
}
img[src$='#right'] {
    float: right;
    margin: 0.7rem;
    /* this margin is totally up to you */
    /* whatever else styles you fancy here */
}