body {
    background: #000;
}

li a,
p a {
    text-decoration: none;
    color: #78E2A0;
    border-bottom: 1px dotted #78E2A0;
    padding: 1px 1px;
}

a.social {
    color: #78E2A0;
    text-decoration: none;
    font-family: "fontello";
}

li a:not([href*='lunar.computer']):not([href^='#']):not([href^='/']):after,
p a:not([href*='lunar.computer']):not([href^='#']):not([href^='/']):after {
    content: " " url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20class='i-external'%20viewBox='0%200%2032%2032'%20width='14'%20height='14'%20fill='none'%20stroke='%2378E2A0'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='9.38%'%3E%3Cpath%20d='M14%209%20L3%209%203%2029%2023%2029%2023%2018%20M18%204%20L28%204%2028%2014%20M28%204%20L14%2018'/%3E%3C/svg%3E");
}

/* ad links */
li a[href*='amzn.to']:not([href^='#']):not([href^='/']):after,
p a[href*='amzn.to']:not([href^='#']):not([href^='/']):after,
li a[href='#affiliate-test-link']::after,
p a[href='#affiliate-test-link']::after {
    content: " " url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20class='i-external'%20viewBox='0%200%2032%2032'%20width='14'%20height='14'%20fill='none'%20stroke='%23EE72F1'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='9.38%'%3E%3Cpath%20d='M14%209%20L3%209%203%2029%2023%2029%2023%2018%20M18%204%20L28%204%2028%2014%20M28%204%20L14%2018'/%3E%3C/svg%3E");
}

li a[href*='amzn.to'],
p a[href*='amzn.to'],
li a[href*='#affiliate-test-link'],
p a[href*='#affiliate-test-link'] {
    color: #EE72F1;
    border-bottom: 1px dotted #EE72F1;
}

nav li a {
    color: #fff;
    border-bottom: 1px dotted #fff;
}

nav li a:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
}

p img {
    border: 20px solid #23b0ff;
    background: transparent;
    margin: 40px 0;
    padding: 20px
}

@media (max-width:683px) {
    p img {
        padding: 10px;
        border-width: 10px
    }
}

/*.ad-feed {
    border: 20px solid #78e2a0;
    background: transparent;
    margin: 40px 0px 40px 0px;
    padding: 20px;
}

@media (max-width:683px) {
    .ad-feed {
        padding: 10px;
        border-width: 10px
    }
}

blockquote.ad-quote {
    border-top: 1px solid #78e2a0;
    border-bottom: 1px solid #78e2a0;
}

.ad {
    position: relative;
    color: #EE72F1;
    border: 1px solid #EE72F1;
    display: flex;
    flex-flow: row nowrap;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px;
    font-size: 1em;
}

.ad a:link {
    color: #EE72F1 !important;
    text-decoration: none;
    border-bottom: 1px dotted #EE72F1;
    padding: 1px 6px;
    margin: 0 2px
}

.ad a:hover {
    color: #EE72F1;
    background: rgba(238, 114, 241, 0.2)
}*/

.terms ul,
.post ul {
    list-style: none
}

.terms ul li:before,
.post ul li:before {
    content: "\25BA" !important;
    position: absolute;
    left: -20px;
    color: #23b0ff;
}

.terms ul li:before,
.post ul li::before {
    content: "\25BA" !important;
    position: absolute;
    left: -20px;
    color: #23b0ff;
}

.terms ul li a {
    color: #78E2A0
}

.terms ul li:not(:empty):before {
    color: #23b0ff
}

.post {
    margin-top: 0px;
    padding-top: 0px;
}

code,
kbd {
    background: rgba(255, 168, 106, 0.2);
    color: #FFA86A;
}

.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: #999
}

.token.punctuation {
    color: #ccc
}

.token.tag,
.token.attr-name,
.token.namespace,
.token.deleted {
    color: #e2777a
}

.token.function-name {
    color: #6196cc
}

.token.boolean,
.token.number,
.token.function {
    color: #f08d49
}

.token.property,
.token.class-name,
.token.constant,
.token.symbol {
    color: #f8c555
}

.token.selector,
.token.important,
.token.atrule,
.token.keyword,
.token.builtin {
    color: #cc99cd
}

.token.string,
.token.char,
.token.attr-value,
.token.regex,
.token.variable {
    color: #7ec699
}

.token.operator,
.token.entity,
.token.url {
    color: #67cdcc
}

.token.inserted {
    color: green
}

.line-highlight {
    background: rgba(153, 122, 102, 0.08);
    background: linear-gradient(to right, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0));
}

.line-highlight:before,
.line-highlight[data-end]:after {
    background-color: rgba(153, 122, 102, 0.4);
    color: #f5f2f0;
    box-shadow: 0 1px white
}

pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before {
    background-color: rgba(128, 128, 128, 0.2)
}

.line-numbers .line-numbers-rows {
    border-right: 1px solid #999;
}

.line-numbers-rows>span:before {
    color: #999;
}

.command-line-prompt {
    border-right: 1px solid #999;
}

.command-line-prompt>span:before {
    color: #999;
}

div.code-toolbar>.toolbar>.toolbar-item>a,
div.code-toolbar>.toolbar>.toolbar-item>button,
div.code-toolbar>.toolbar>.toolbar-item>span {
    color: #bbb;
    background: #f5f2f0;
    background: rgba(224, 224, 224, 0.2);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
}

code.language-css,
code.language-scss,
.token.boolean,
.token.string,
.token.entity,
.token.url,
.language-css .token.string,
.language-scss .token.string,
.style .token.string,
.token.attr-value,
.token.keyword,
.token.control,
.token.directive,
.token.statement,
.token.regex,
.token.atrule,
.token.number,
.token.inserted,
.token.important {
    color: #FFA86A !important
}

.token.tag-id,
.token.atrule-id,
.token.operator,
.token.unit,
.token.placeholder,
.token.variable,
.token.tag,
.token.attr-name,
.token.namespace,
.token.deleted,
.token.property,
.token.class-name,
.token.constant,
.token.symbol {
    color: rgba(255, 168, 106, 0.7) !important
}

.token.property,
.token.function,
.token.function-name,
.token.deleted,
code.language-javascript,
code.language-html,
.command-line-prompt>span:before {
    color: #9a9999 !important
}

.token.selector,
.token.tag,
.token.punctuation {
    color: white
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: rgba(255, 255, 255, 0.3) !important
}

.line-highlight {
    background: rgba(245, 167, 111, 0.08);
}

.line-highlight:before,
.line-highlight[data-end]:after {
    background-color: rgba(153, 122, 102, 0.4);
    color: #f5f2f0;
    box-shadow: 0 1px white
}

.code-toolbar {
    border: 1px solid rgba(255, 255, 255, 0.1)
}

.code-toolbar>.toolbar button {
    background: rgba(224, 224, 224, 0.2) !important;
    color: #bbb !important;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2) !important;
}

.collapsable-code label {
    border-bottom: 1px solid #f5a76f;
}

.collapsable-code__title {
    color: #FFA86A;
}

.collapsable-code__language {
    color: #FFA86A;
    border: 1px solid #f5a76f;
}

.collapsable-code__toggle {
    color: #FFA86A;
}

/* fix sidescrolling */
.button a {
    white-space: normal !important;
}
.button__text {
    white-space: normal !important;
}