/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
    @import url("css2");::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background: #212020
    }
    
    ::-webkit-scrollbar-thumb {
        background: #888
    }
    
    ::-webkit-scrollbar-thumb:hover {
        background: #dcdcdc
    }
    
    html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%
    }
    
    body {
        margin: 0
    }
    
    main {
        display: block
    }
    
    h1 {
        font-size: 2em;
        margin: 0.67em 0
    }
    
    hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible
    }
    
    pre {
        font-display: auto;
        font-size: 1em
    }
    
    a {
        background-color: transparent
    }
    
    a:hover {
        color: #ffc107 !important;
        text-shadow: 0px 0px 1px #D1D1D1 !important;
        background: transparent !important
    }
    
    .header {
        background: #0b0b0b !important
    }
    
    .menu__inner {
        background-color: #0b0b0b !important
    }
    
    .accordion-button {
        color: inherit !important
    }
    
    .dogepedia-button:hover {
        background-color: #FFFFFF !important;
        border: 1px solid #dfc66d !important
    }
    
    .current-locale {
        text-align: -webkit-center !important
    }
    
    .tooltip {
        opacity: 1 !important
    }
    
    .wallet-blurb {
        width: 100% !important
    }
    
    .tooltip-body-sub {
        font-size: 1rem !important
    }
    
    abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        text-decoration: underline dotted
    }
    
    b,strong {
        font-weight: bolder
    }
    
    code,kbd,samp {
        
        font-display: auto;
        font-size: 1em
    }
    
    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
    }
    
    img {
        border-style: none
    }
    
    button,input,optgroup,select,textarea {
        
        font-display: auto;
        font-size: 100%;
        line-height: 1.15;
        margin: 0
    }
    
    button,input {
        overflow: visible
    }
    
    button,select {
        text-transform: none
    }
    
    button,[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
    }
    
    fieldset {
        padding: 0.35em 0.75em 0.625em
    }
    
    legend {
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal
    }
    
    progress {
        vertical-align: baseline
    }
    
    textarea {
        overflow: auto
    }
    
    [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-decoration {
        -webkit-appearance: none
    }
    
    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }
    
    details {
        display: block
    }
    
    summary {
        display: list-item
    }
    
    template {
        display: none
    }
    
    [hidden] {
        display: none
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        color: #ccae40 !important;
        border-radius: 10px
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #ccae40 !important
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        background: none;
        border-color: #ccae40 !important
    }
    
    select {
        border-color: #ccae40;
        border-radius: 10px
    }
    
    input {
        border-color: #ccae40;
        border-radius: 10px
    }
    
    table {
        padding-top: 15px;
        padding-bottom: 15px
    }
    
    div.dtsp-panesContainer div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name {
        color: #000000
    }
    
    #Wallets>tbody>tr>td>div>div>button {
        color: #000000
    }
    
    #Wallets>tbody>tr>td>div>div>button:hover {
        color: #FFF
    }
    
    code[class*="language-"],pre[class*="language-"] {
        color: white;
        background: none;
        
        font-size: 1em;
        text-align: left;
        text-shadow: 0 -.1em .2em black;
        white-space: pre;
        word-spacing: normal;
        word-break: normal;
        word-wrap: normal;
        line-height: 1.5;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none
    }
    
    pre[class*="language-"],:not(pre)>code[class*="language-"] {
        background: #141414
    }
    
    pre[class*="language-"] {
        border-radius: .5em;
        border: 0.3em solid #545454;
        box-shadow: 1px 1px .5em black inset;
        margin: .5em 0;
        overflow: auto;
        padding: 1em
    }
    
    pre[class*="language-"]::-moz-selection {
        background: #27292a
    }
    
    pre[class*="language-"]::selection {
        background: #27292a
    }
    
    pre[class*="language-"]::-moz-selection,pre[class*="language-"] ::-moz-selection,code[class*="language-"]::-moz-selection,code[class*="language-"] ::-moz-selection {
        text-shadow: none;
        background: rgba(237,237,237,0.15)
    }
    
    pre[class*="language-"]::selection,pre[class*="language-"] ::selection,code[class*="language-"]::selection,code[class*="language-"] ::selection {
        text-shadow: none;
        background: rgba(237,237,237,0.15)
    }
    
    :not(pre)>code[class*="language-"] {
        border-radius: .3em;
        border: 0.13em solid #545454;
        box-shadow: 1px 1px .3em -.1em black inset;
        padding: .15em .2em .05em;
        white-space: normal
    }
    
    .token.comment,.token.prolog,.token.doctype,.token.cdata {
        color: #787878
    }
    
    .token.punctuation {
        opacity: .7
    }
    
    .token.namespace {
        opacity: .7
    }
    
    .token.tag,.token.boolean,.token.number,.token.deleted {
        color: #cf694a
    }
    
    .token.keyword,.token.property,.token.selector,.token.constant,.token.symbol,.token.builtin {
        color: #f9ee9a
    }
    
    .token.attr-name,.token.attr-value,.token.string,.token.char,.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable,.token.inserted {
        color: #919e6b
    }
    
    .token.atrule {
        color: #7386a5
    }
    
    .token.regex,.token.important {
        color: #e9c163
    }
    
    .token.important,.token.bold {
        font-weight: bold
    }
    
    .token.italic {
        font-style: italic
    }
    
    .token.entity {
        cursor: help
    }
    
    pre[data-line] {
        padding: 1em 0 1em 3em;
        position: relative
    }
    
    .language-markup .token.tag,.language-markup .token.attr-name,.language-markup .token.punctuation {
        color: #ad895c
    }
    
    .token {
        position: relative;
        z-index: 1
    }
    
    .line-highlight {
        background: rgba(84,84,84,0.25);
        background: linear-gradient(to right, rgba(84,84,84,0.1) 70%, rgba(84,84,84,0));
        border-bottom: 1px dashed #545454;
        border-top: 1px dashed #545454;
        left: 0;
        line-height: inherit;
        margin-top: 0.75em;
        padding: inherit 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        white-space: pre;
        z-index: 0
    }
    
    .line-highlight:before,.line-highlight[data-end]:after {
        background-color: #8794a6;
        border-radius: 999px;
        box-shadow: 0 1px white;
        color: #f5f2f0;
        content: attr(data-start);
        font: bold 65%/1.5 sans-serif;
        left: .6em;
        min-width: 1em;
        padding: 0 .5em;
        position: absolute;
        text-shadow: none;
        top: .4em;
        vertical-align: .3em
    }
    
    .line-highlight[data-end]:after {
        bottom: .4em;
        content: attr(data-end);
        top: auto
    }
    
    pre[data-line] {
        position: relative;
        padding: 1em 0 1em 3em
    }
    
    .line-highlight {
        position: absolute;
        left: 0;
        right: 0;
        padding: inherit 0;
        margin-top: 1em;
        background: rgba(153,122,102,0.08);
        background: linear-gradient(to right, rgba(153,122,102,0.1) 70%, rgba(153,122,102,0));
        pointer-events: none;
        line-height: inherit;
        white-space: pre
    }
    
    @media print {
        .line-highlight {
            -webkit-print-color-adjust: exact;
            color-adjust: exact
        }
    }
    
    .line-highlight:before,.line-highlight[data-end]:after {
        content: attr(data-start);
        position: absolute;
        top: .4em;
        left: .6em;
        min-width: 1em;
        padding: 0 .5em;
        background-color: rgba(153,122,102,0.4);
        color: #f5f2f0;
        font: bold 65%/1.5 sans-serif;
        
        vertical-align: .3em;
        border-radius: 999px;
        text-shadow: none;
        box-shadow: 0 1px white
    }
    
    .line-highlight[data-end]:after {
        content: attr(data-end);
        top: auto;
        bottom: .4em
    }
    
    .line-numbers .line-highlight:before,.line-numbers .line-highlight:after {
        content: none
    }
    
    pre[id].linkable-line-numbers span.line-numbers-rows {
        pointer-events: all
    }
    
    pre[id].linkable-line-numbers span.line-numbers-rows>span:before {
        cursor: pointer
    }
    
    pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before {
        background-color: rgba(128,128,128,0.2)
    }
    
    pre[class*="language-"].line-numbers {
        position: relative;
        padding-left: 3.8em;
        counter-reset: linenumber
    }
    
    pre[class*="language-"].line-numbers>code {
        position: relative;
        white-space: inherit
    }
    
    .line-numbers .line-numbers-rows {
        position: absolute;
        pointer-events: none;
        top: 0;
        font-size: 100%;
        left: -3.8em;
        width: 3em;
        letter-spacing: -1px;
        border-right: 1px solid #999;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    
    .line-numbers-rows>span {
        display: block;
        counter-increment: linenumber
    }
    
    .line-numbers-rows>span:before {
        content: counter(linenumber);
        color: #999;
        display: block;
        padding-right: 0.8em;
        text-align: right
    }
    
    div.code-toolbar {
        position: relative
    }
    
    div.code-toolbar>.toolbar {
        position: absolute;
        top: .3em;
        right: .5em;
        transition: opacity 0.3s ease-in-out;
        opacity: 0
    }
    
    div.code-toolbar:hover>.toolbar {
        opacity: 1
    }
    
    div.code-toolbar:focus-within>.toolbar {
        opacity: 1
    }
    
    div.code-toolbar>.toolbar .toolbar-item {
        display: inline-block
    }
    
    div.code-toolbar>.toolbar a {
        cursor: pointer
    }
    
    div.code-toolbar>.toolbar button {
        background: none;
        border: 0;
        color: inherit;
        font: inherit;
        line-height: normal;
        overflow: visible;
        padding: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none
    }
    
    div.code-toolbar>.toolbar a,div.code-toolbar>.toolbar button,div.code-toolbar>.toolbar span {
        color: #bbb;
        font-size: .8em;
        padding: 0 .5em;
        background: #f5f2f0;
        background: rgba(224,224,224,0.2);
        box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
        border-radius: .5em
    }
    
    div.code-toolbar>.toolbar a:hover,div.code-toolbar>.toolbar a:focus,div.code-toolbar>.toolbar button:hover,div.code-toolbar>.toolbar button:focus,div.code-toolbar>.toolbar span:hover,div.code-toolbar>.toolbar span:focus {
        color: inherit;
        text-decoration: none
    }
    
    .accordion-button {
        width: 100% !important;
        padding-left: 2em !important;
        align-items: left !important;
        justify-content: flex-start !important
    }
    
    .accordion-button:after {
        position: absolute;
        order: -1;
        margin-right: .5em !important;
        left: 0vw !important
    }
    
    :root {
        --phoneWidth: (max-width: 576px);
        --tabletWidth: (max-width: 992px)
    }
    
    .button-container {
        display: table;
        margin-left: auto;
        margin-right: auto
    }
    
    button,.button,a.button {
        position: relative;
        display: flex;
        
        
        padding: 8px 18px;
        margin-bottom: 5px;
        text-decoration: none;
        
        font-weight: 500;
        border-radius: 8px;
        border: 1px solid transparent;
        appearance: none;
        cursor: pointer;
        outline: none;
        background: #0b0b0b
    }
    
    @media (prefers-color-scheme: dark) {
        button,.button,a.button {
            background:#0b0b0b;
            color: inherit
        }
    }
    
    @media (prefers-color-scheme: light) {
        button,.button,a.button {
            background:#0b0b0b
        }
    }
    
    button.outline,.button.outline,a.button.outline {
        background: transparent;
        box-shadow: none;
        padding: 8px 18px;
        border-color: #eaeaea
    }
    
    @media (prefers-color-scheme: dark) {
        button.outline,.button.outline,a.button.outline {
            border-color:#1c1c1c;
            color: inherit
        }
    }
    
    @media (prefers-color-scheme: light) {
        button.outline,.button.outline,a.button.outline {
            border-color:#eaeaea
        }
    }
    
    [data-theme=dark] button.outline,[data-theme=dark] .button.outline,[data-theme=dark] a.button.outline {
        border-color: #1c1c1c;
        color: inherit
    }
    
    [data-theme=light] button.outline,[data-theme=light] .button.outline,[data-theme=light] a.button.outline {
        border-color: #eaeaea;
        color: inherit
    }
    
    button.outline :hover,.button.outline :hover,a.button.outline :hover {
        transform: none;
        box-shadow: none
    }
    
    button.primary,.button.primary,a.button.primary {
        box-shadow: 0 4px 6px rgba(50,50,93,0.11),0 1px 3px rgba(0,0,0,0.08)
    }
    
    button.primary:hover,.button.primary:hover,a.button.primary:hover {
        box-shadow: 0 2px 6px rgba(50,50,93,0.21),0 1px 3px rgba(0,0,0,0.08)
    }
    
    button.link,.button.link,a.button.link {
        background: none;
        font-size: 1rem
    }
    
    button.small,.button.small,a.button.small {
        font-size: .8rem
    }
    
    button.wide,.button.wide,a.button.wide {
        min-width: 200px;
        padding: 14px 24px
    }
    
    .dogepedia-button {
        position: relative;
        top: 4.5vh !important;
        margin: auto !important;
        background-color: #dfc66d !important;
        color: #000000 !important;
        font-size: x-small
    }
    
    .dogepedia-button a {
        top: 0vh !important
    }
    
    .code-toolbar {
        margin-bottom: 20px
    }
    
    .code-toolbar .toolbar-item a {
        position: relative;
        display: inline-flex;
        
        
        padding: 3px 8px;
        margin-bottom: 5px;
        text-decoration: none;
        
        font-size: 13px;
        font-weight: 500;
        border-radius: 8px;
        border: 1px solid transparent;
        appearance: none;
        cursor: pointer;
        outline: none;
        background: #eaeaea
    }
    
    @media (prefers-color-scheme: dark) {
        .code-toolbar .toolbar-item a {
            background:#1c1c1c;
            color: inherit
        }
    }
    
    @media (prefers-color-scheme: light) {
        .code-toolbar .toolbar-item a {
            background:#eaeaea;
            color: inherit
        }
    }
    
    [data-theme=dark] .code-toolbar .toolbar-item a {
        background: #1c1c1c;
        color: inherit
    }
    
    [data-theme=light] .code-toolbar .toolbar-item a {
        background: #eaeaea;
        color: inherit
    }
    
    .tooltip {
        position: relative
    }
    
    .tooltip .caret {
        padding: 0.5em !important;
        font-size: 1.1em
    }
    
    .tooltip .tooltip-content {
        position: absolute;
        display: none
    }
    
    .tooltip .tooltip-content .tooltip-body {
        margin-top: 10px;
        text-align: left;
        background-color: #0f0f0f;
        padding: 15px 0px;
        font-size: .9em
    }
    
    .tooltip .tooltip-content .tooltip-body>div {
        padding: 0px 15px
    }
    
    .tooltip .tooltip-content .tooltip-body a {
        display: block;
        width: 100%;
        padding: 5px 15px
    }
    
    .tooltip .tooltip-content .tooltip-body a:hover {
        background-color: #000;
        text-decoration: none
    }
    
    .tooltip .tooltip-content .tooltip-body::after {
        position: absolute;
        top: 5px;
        left: 9px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #0f0f0f;
        content: " ";
        font-size: 0;
        line-height: 0;
        margin-left: 10px;
        width: 0
    }
    
    .tooltip:hover .tooltip-content {
        display: block;
        opacity: 1
    }
    
    .header {
        width: 100vw;
        display: flex;
        
        
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        padding: 10px 15px;
        color: #fff;
        
        z-index: 100;
        transition: padding .2s ease-in;
        background: transparent
    }
    
    .header__right {
        display: flex;
        flex-direction: row;
        
    }
    
    @media (max-width: 992px) {
        .header__right {
            flex-direction:row-reverse
        }
    }
    
    .header__right .menu-trigger {
        position: inherit;
        padding-left: 1rem !important;
        padding-right: 1.85rem !important;
        padding-bottom: 1.85em !important
    }
    
    .header__inner {
        display: flex;
        
        justify-content: space-between;
        margin: 0 auto;
        width: 100%;
        max-width: 1200px
    }
    
    .header.minimize {
        background: #0b0b0b;
        padding: 5px
    }
    
    .header.minimize .logo img {
        height: 2rem
    }
    
    header.scrolled {
        background: #0a0a0a;
        opacity: .9;
        transition: background-color 200ms linear
    }
    
    .theme-toggle {
        display: flex;
        
        
        line-height: 1;
        cursor: pointer
    }
    
    .theme-toggler {
        fill: currentColor
    }
    
    .not-selectable {
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none
    }
    
    .mt-1 {
        margin-top: 12px !important
    }
    
    .logo {
        color: #ffffff;
        display: flex;
        text-decoration: none;
        font-weight: bold;
        font-display: auto;
        padding-right: 1vw
    }
    
    .logo img {
        height: 42px;
        transition: height .2s ease-in
    }
    
    .logo .logo-labels {
        margin-left: 10px;
        padding-top: 10px;
        line-height: 1.4em
    }
    
    .logo .logo-labels .main-label {
        font-size: 1.5em
    }
    
    .logo .logo-labels .sub-label {
        font-weight: 300;
        letter-spacing: 2px
    }
    
    .logo__mark {
        margin-right: 5px
    }
    
    .logo__text {
        font-size: 1.125rem
    }
    
    .logo__cursor {
        display: inline-block;
        width: 10px;
        height: 1rem;
        background: #fe5186;
        margin-left: 5px;
        border-radius: 1px;
        animation: cursor 1s infinite
    }
    
    @media (prefers-reduced-motion: reduce) {
        .logo__cursor {
            animation: none
        }
    }
    
    @keyframes cursor {
        0% {
            opacity: 0
        }
    
        50% {
            opacity: 1
        }
    
        100% {
            opacity: 0
        }
    }
    
    .menu {
        z-index: 9999
    }
    
    @media (max-width: 992px) {
        .menu {
            position:absolute;
            top: 50px;
            right: 0;
            border: none;
            margin: 0;
            padding: 10px
        }
    }
    
    .menu__inner {
        display: flex;
        
        justify-content: flex-start;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 15px;
        font-size: 1rem;
        list-style: none
    }
    
    .menu__inner li {
        margin: 0 9px
    }
    
    @media (max-width: 992px) {
        .menu__inner {
            flex-direction:column;
            align-items: flex-start;
            padding: 15px
        }
    
        .menu__inner li {
            margin: 0;
            padding: 5px
        }
    }
    
    .menu-trigger {
        width: 24px;
        height: 24px;
        fill: currentColor;
        margin-left: 10px;
        cursor: pointer;
        display: none
    }
    
    @media (max-width: 992px) {
        .menu-trigger {
            display:block
        }
    }
    
    .menu a {
        display: inline-block;
        margin-right: 15px;
        text-decoration: none
    }
    
    .menu a:hover {
        text-decoration: underline
    }
    
    .menu a:last-of-type {
        margin-right: 0
    }
    
    .locale {
        margin-left: -15px;
        display: inline-block;
        text-transform: uppercase;
        min-width: 113px;
        text-align: left
    }
    
    .locale a {
        text-decoration: none !important
    }
    
    .locale .icon {
        display: inline-block;
        font-size: .78rem;
        text-decoration: none
    }
    
    .locale:hover {
        cursor: pointer
    }
    
    .locale:hover .locale-list {
        background-color: #1c1c1c
    }
    
    .locale:hover .locale-list:before {
        border-color: transparent #1c1c1c transparent transparent
    }
    
    .locale:hover .lang:hover {
        background-color: #000
    }
    
    .locale:hover .locale-list {
        margin-top: 5px;
        display: block;
        position: absolute;
        width: 110px;
        padding: 10px 0px 10px 0px
    }
    
    .locale:hover .locale-list::before {
        content: "";
        position: absolute;
        height: 0px;
        width: 0px;
        top: -15px;
        left: 20px;
        border-width: 10px;
        border-style: solid;
        transform: rotate(90deg)
    }
    
    .locale:hover .locale-list .lang {
        display: block;
        text-align: left;
        padding: 1px 0 1px 10px
    }
    
    .locale:hover .locale-list a {
        display: inline-block;
        padding: 3px;
        align-items: flex-start;
        justify-content: left;
        text-decoration: none
    }
    
    .locale-list {
        display: none
    }
    
    @media screen and (max-width: 992px) {
        .lang1 {
            display:none
        }
    
        .locale {
            min-width: 0
        }
    }
    
    * {
        margin: 0;
        letter-spacing: 0
    }
    
    html {
        position: relative;
        box-sizing: border-box;
        line-height: 1.6;
        letter-spacing: 0.06em;
        scroll-behavior: smooth;
        overflow-x: hidden;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin: 0 auto !important
    }
    
    *,*:before,*:after {
        box-sizing: inherit
    }
    
    body {
        margin: 0;
        padding: 0;
        
        font-display: auto;
        font-size: 1.5rem;
        line-height: 1.54;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        font-feature-settings: "liga", "tnum", "case", "calt", "zero", "ss01", "locl";
        -webkit-overflow-scrolling: touch;
        -webkit-text-size-adjust: 100%;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        color: #222;
        transition: background-color .4s ease-in;
        transition: transform .4s ease-out
    }
    
    @media (max-width: 576px) {
        body {
            font-size:1rem
        }
    }
    
    @media (prefers-color-scheme: dark) {
        body {
            background-color:#000;
            color: #fff
        }
    }
    
    @media (prefers-color-scheme: light) {
        body {
            background-color:#fff;
            color: #222
        }
    }
    
    [data-theme=dark] body {
        background-color: #000;
        color: #fff
    }
    
    [data-theme=light] body {
        background-color: #fff;
        color: #222
    }
    
    body.armageddon {
        transform: rotate(25deg);
        overflow: hidden
    }
    
    body.armageddon header,body.armageddon .left,body.armageddon footer {
        transition: transform 2s cubic-bezier(0.2, 0, 0.84, 0);
        transform: translate(100%, 40px)
    }
    
    body.armageddon .doge-container {
        transition: transform .4s ease-out;
        transform: rotate(-25deg)
    }
    
    .title {
        font-size: 1.2rem
    }
    
    [data-theme="dark"] .title {
        color: #ffffff !important
    }
    
    h1,h2,h3,h4,h5,h6 {
        
    }
    
    h2,h3,h4,h5,h6 {
        
        line-height: 1.3
    }
    
    h1 {
        font-size: 2.625rem
    }
    
    h2 {
        font-size: 1.625rem;
        margin-top: 2.5em
    }
    
    h3 {
        font-size: 1.375rem
    }
    
    h4 {    
        font-size: 1.125rem
    }
    
    @media (max-width: 576px) {
        h1 {
            font-size:2rem
        }
    
        h2 {
            font-size: 1.4rem
        }
    
        h3 {
            font-size: 1.15rem
        }
    
        h4 {
            font-size: 1.125rem
        }
    }
    
    a {
        color: inherit
    }
    
    img {
        display: block;
        max-width: 100%
    }
    
    img.left {
        margin-right: auto
    }
    
    img.center {
        margin-left: auto;
        margin-right: auto
    }
    
    img.right {
        margin-left: auto
    }
    
    img.circle {
        border-radius: 50%;
        max-width: 25%;
        margin: auto
    }
    
    figure {
        display: table;
        max-width: 100%;
        margin: 25px 0
    }
    
    figure.left {
        margin-right: auto
    }
    
    figure.left-floated {
        margin-right: auto;
        float: left
    }
    
    figure.left-floated img {
        margin: 20px 20px 20px 0
    }
    
    figure.center {
        margin-left: auto;
        margin-right: auto
    }
    
    figure.right {
        margin-left: auto
    }
    
    figure.right-floated {
        margin-left: auto;
        float: right
    }
    
    figure.right-floated img {
        margin: 20px 0 20px 20px
    }
    
    figure.rounded img {
        border-radius: 50%
    }
    
    figure figcaption {
        font-size: 14px;
        margin-top: 5px;
        opacity: 0.8
    }
    
    figure figcaption.left {
        text-align: left
    }
    
    figure figcaption.center {
        
    }
    
    figure figcaption.right {
        text-align: right
    }
    
    em,i,strong {
        color: black
    }
    
    @media (prefers-color-scheme: dark) {
        em,i,strong {
            color:white
        }
    }
    
    @media (prefers-color-scheme: light) {
        em,i,strong {
            color:black
        }
    }
    
    [data-theme=dark] em,[data-theme=dark] i,[data-theme=dark] strong {
        color: white
    }
    
    [data-theme=light] em,[data-theme=light] i,[data-theme=light] strong {
        color: black
    }
    
    code {
        
        font-display: auto;
        font-feature-settings: normal;
        padding: 1px 6px;
        margin: 0 2px;
        border-radius: 5px;
        font-size: 0.95rem;
        background: #eaeaea
    }
    
    @media (prefers-color-scheme: dark) {
        code {
            background:#1c1c1c
        }
    }
    
    @media (prefers-color-scheme: light) {
        code {
            background:#eaeaea
        }
    }
    
    [data-theme=dark] code {
        background: #1c1c1c
    }
    
    [data-theme=light] code {
        background: #eaeaea
    }
    
    pre {
        background: #212020;
        padding: 10px 10px 10px 20px;
        border-radius: 8px;
        font-size: 0.95rem;
        overflow: auto
    }
    
    @media (max-width: 576px) {
        pre {
            white-space:pre-wrap;
            word-wrap: break-word
        }
    }
    
    pre code {
        background: none !important;
        margin: 0;
        padding: 0;
        font-size: inherit;
        color: #ccc
    }
    
    @media (prefers-color-scheme: dark) {
        pre code {
            color:inherit
        }
    }
    
    @media (prefers-color-scheme: light) {
        pre code {
            color:#ccc
        }
    }
    
    [data-theme=dark] pre code {
        color: inherit
    }
    
    [data-theme=light] pre code {
        color: #ccc
    }
    
    blockquote {
        border-left: 3px solid #3eb0ef;
        margin: 40px;
        padding: 10px 20px
    }
    
    @media (max-width: 576px) {
        blockquote {
            margin:10px;
            padding: 10px
        }
    }
    
    blockquote:before {
        content: "”";
        
        font-display: auto;
        font-size: 3.875rem;
        position: absolute;
        left: -40px;
        top: -20px
    }
    
    blockquote p:first-of-type {
        margin-top: 0
    }
    
    blockquote p:last-of-type {
        margin-bottom: 0
    }
    
    ul,ol {
        margin-left: 40px;
        padding: 0;
        list-style: none;
    }
    
    @media (max-width: 576px) {
        ul,ol {
            margin-left:20px
        }
    }
    
    ol ol {
        list-style-type: lower-alpha
    }
    
 
    
    .content {
        display: flex;
        flex-direction: column;
        flex: 1 auto;
        
        
        margin: 0;
        padding: 100px 15px 30px 15px
    }
    
    @media (max-width: 576px) {
        .content {
            margin-top:0
        }
    }
    
    hr {
        width: 100%;
        border: none;
        height: 1px;
        background: #dcdcdc
    }
    
    @media (prefers-color-scheme: dark) {
        hr {
            background:#4e4e57
        }
    }
    
    @media (prefers-color-scheme: light) {
        hr {
            background:#dcdcdc
        }
    }
    
    [data-theme=dark] hr {
        background: #4e4e57
    }
    
    [data-theme=light] hr {
        background: #dcdcdc
    }
    
    .hidden {
        display: none
    }
    
    @media (max-width: 576px) {
        .hide-on-phone {
            display:none
        }
    }
    
    @media (prefers-color-scheme: light) {
        ::selection {
            background-color:#222;
            color: #fff
        }
    }
    
    @media (prefers-color-scheme: dark) {
        ::selection {
            background-color:#fff;
            color: #000
        }
    }
    
    [data-theme=light] ::selection {
        background-color: #222;
        color: #fff
    }
    
    [data-theme=dark] ::selection {
        background-color: #fff;
        color: #000
    }
    
    @media (max-width: 992px) {
        .hide-on-tablet {
            display:none
        }
    }
    
    .screen-reader-text {
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute !important;
        width: 1px;
        word-wrap: normal !important
    }
    
    .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
        clip: auto !important;
        clip-path: none;
        color: #21759b;
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: bold;
        height: auto;
        width: auto;
        top: 5px;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        z-index: 100000
    }
    
    .background-image {
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-position: center center
    }
    
    .highlight {
        margin: 30px auto
    }
    
    .center {
        
        align-self: center;
        
        margin: auto
    }
    
    .comic-neue {
        
    }
    
    .comic-neue-bold {
        font-weight: bold;
        font-size: larger
    }
    
    .comic-neue-bold button {
        font-weight: bold
    }
    
    @media (min-width: 1400px) {
        
    }
    
    .star {
        margin: auto;
        display: flex;
        width: 100px;
        height: 100px;
        clip-path: circle(141.1% at 100% 100%)
    }
    
    .star0 {
        top: 90px;
        animation: star infinite 8s ease-out
    }
    
    .star1 {
        top: 90px;
        animation: star infinite 4s ease-out
    }
    
    .star2 {
        top: 90px;
        left: 100px;
        animation: star infinite 4.5s ease-out
    }
    
    .star3 {
        top: 90px;
        left: 150px;
        animation: star infinite 6s ease-out
    }
    
    .star4 {
        top: 90px;
        left: 80px;
        animation: star infinite 7s ease-out
    }
    
    .star__line {
        width: 100%;
        height: 4px;
        background-color: #fff;
        box-shadow: -1px 2px #fff;
        transform-origin: top left;
        transform: rotate(45deg) scaleX(1.3);
        border-radius: 100%
    }
    
    .star__main {
        font-size: 1.25em;
        color: #fff;
        width: 1.25em;
        height: 1.25em;
        line-height: 1.25;
        text-shadow: -0.085em 0.1em #fff;
        align-self: flex-end
    }
    
    @keyframes star {
        from {
            transform: translate(-400%, -400%);
            clip-path: circle(0% at 100% 100%)
        }
    
        30% {
            opacity: 1
        }
    
        350% {
            opacity: 0.8;
            clip-path: circle(45% at 100% 100%)
        }
    
        to {
            opacity: 0
        }
    }
    
    .posts {
        width: 100%;
        max-width: 800px;
        text-align: left;
        padding: 20px;
        margin: 20px auto
    }
    
    @media (max-width: 992px) {
        .posts {
            max-width:992px
        }
    }
    
    .posts:not(:last-of-type) {
        border-bottom: 1px solid #dcdcdc
    }
    
    @media (prefers-color-scheme: dark) {
        .posts:not(:last-of-type) {
            border-bottom:1px solid #4e4e57
        }
    }
    
    @media (prefers-color-scheme: light) {
        .posts:not(:last-of-type) {
            border-bottom:1px solid #dcdcdc
        }
    }
    
    [data-theme=dark] .posts:not(:last-of-type) {
        border-bottom: 1px solid #4e4e57
    }
    
    [data-theme=light] .posts:not(:last-of-type) {
        border-bottom: 1px solid #dcdcdc
    }
    
    .posts-group {
        display: flex;
        margin-bottom: 1.9em;
        line-height: normal
    }
    
    @media (max-width: 992px) {
        .posts-group {
            display:block
        }
    }
    
    .posts-list {
        flex-grow: 1;
        margin: 0;
        padding: 0;
        list-style: none
    }
    
    .posts .post-title {
        font-size: 1rem;
        margin: 5px 0 5px 0
    }
    
    .posts .post-year {
        padding-top: 6px;
        margin-right: 1.8em;
        font-size: 1.6em;
        opacity: .6
    }
    
    @media (max-width: 992px) {
        .posts .post-year {
            margin:-6px 0 4px
        }
    }
    
    .posts .post-item {
        border-bottom: 1px grey dashed
    }
    
    .posts .post-item a {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        padding: 12px 0;
        text-decoration: none
    }
    
    .posts .post-day {
        flex-shrink: 0;
        margin-left: 1em;
        opacity: .6
    }
    
    .post {
        width: 100%;
        max-width: 800px;
        text-align: left;
        padding: 20px;
        margin: 20px auto
    }
    
    @media (max-width: 992px) {
        .post {
            max-width:600px
        }
    }
    
    .post-date:after {
        content: '—'
    }
    
    .post-title {
        font-size: 2.625rem;
        margin: 0 0 20px
    }
    
    @media (max-width: 576px) {
        .post-title {
            font-size:2rem
        }
    }
    
    .post-title a {
        text-decoration: none
    }
    
    .post-tags {
        display: block;
        margin-bottom: 20px;
        font-size: 1rem;
        opacity: 0.5
    }
    
    .post-tags a {
        text-decoration: none
    }
    
    .post-content {
        margin-top: 30px
    }
    
    .post-cover {
        border-radius: 8px;
        margin: 40px -50px;
        width: 1400px;
        max-width: 1400px
    }
    
    @media (max-width: 992px) {
        .post-cover {
            margin:20px 0;
            width: 100%
        }
    }
    
    .post-excerpt {
        color: grey;
        font-style: italic
    }
    
    .post-info {
        margin-top: 30px;
        font-size: 0.8rem;
        line-height: normal;
        opacity: .6
    }
    
    .post-info p {
        margin: 0.8em 0
    }
    
    .post-info a:hover {
        border-bottom: 1px solid white
    }
    
    .post-info svg {
        margin-right: 0.8em
    }
    
    .post-info .tag {
        margin-right: 0.5em
    }
    
    .post-info .tag::before {
        content: "#"
    }
    
    .post-info .feather {
        display: inline-block;
        vertical-align: -.125em;
        width: 1em;
        height: 1em
    }
    
    .post-audio {
        display: flex;
        
        
        padding-top: 20px
    }
    
    .post-audio audio {
        width: 90%
    }
    
    .post .flag {
        border-radius: 50%;
        margin: 0 5px
    }
    
    .pagination {
        margin-top: 20px
    }
    
    .pagination__title {
        display: flex;
        
        position: relative;
        margin: 20px 0
    }
    
    .pagination__title-h {
        
        margin: 0 auto;
        padding: 5px 10px;
        font-size: 0.8rem;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: 0.1em;
        z-index: 1;
        background: #fff;
        color: #999
    }
    
    @media (prefers-color-scheme: dark) {
        .pagination__title-h {
            background:#000;
            color: #fff
        }
    }
    
    @media (prefers-color-scheme: light) {
        .pagination__title-h {
            background:#fff;
            color: #999
        }
    }
    
    [data-theme=dark] .pagination__title-h {
        background: #000;
        color: #fff
    }
    
    [data-theme=light] .pagination__title-h {
        background: #fff;
        color: #999
    }
    
    .pagination__title hr {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 15px;
        z-index: 0
    }
    
    .pagination__buttons {
        display: flex;
        
        justify-content: center
    }
    
    .pagination__buttons a {
        text-decoration: none;
        font-weight: bold
    }
    
    .button {
        position: relative;
        display: inline-flex;
        
        
        font-size: 1rem;
        font-weight: 600;
        border-radius: 8px;
        max-width: 40%;
        padding: 0;
        cursor: pointer;
        appearance: none;
        background: #eaeaea
    }
    
    @media (prefers-color-scheme: dark) {
        .button {
            background:#1c1c1c
        }
    }
    
    @media (prefers-color-scheme: light) {
        .button {
            background:#eaeaea
        }
    }
    
    [data-theme=dark] .button {
        background: #1c1c1c
    }
    
    [data-theme=light] .button {
        background: #eaeaea
    }
    
    .button+.button {
        margin-left: 10px
    }
    
    .button a {
        display: flex;
        padding: 8px 16px;
        text-decoration: none;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
    
    .button__text {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
    
    .button.next .button__icon {
        margin-left: 8px
    }
    
    .button.previous .button__icon {
        margin-right: 8px
    }
    
    .footer-container {
        max-width: 1400px;
        margin: auto;
        text-align: left;
        padding: 50px 0
    }
    
    .footer-container .footer-row {
        display: flex;
        flex-wrap: wrap
    }
    
    .footer-container .footer-row .footer-column1 {
        width: 34%
    }
    
    .footer-container .footer-row .footer-column1 p {
        padding-top: 20px;
        font-size: 0.9rem;
        color: #999;
        line-height: 1.7;
        width: 80%
    }
    
    .footer-container .footer-row .footer-column {
        width: 22%
    }
    
    .footer-container .footer-row .footer-column .footer-title {
        font-size: 22px;
        line-height: 60px;
        margin-bottom: 10px;
        text-decoration: none
    }
    
    .footer-container .footer-row .footer-column li {
        list-style: none;
        margin-bottom: 10px
    }
    
    .footer-container .footer-row .footer-column li a {
        text-decoration: none;
        font-size: 0.9rem
    }
    
    [data-theme=dark] .footer-container .footer-row .footer-column li a {
        color: #fff
    }
    
    [data-theme=light] .footer-container .footer-row .footer-column li a {
        color: #999
    }
    
    .footer .footer-credits-box {
        display: inline
    }
    
    .footer .footer-credits-box .footer-credits {
        display: inline-block;
        width: fit-content
    }
    
    .footer-label {
        font-weight: bold
    }
    
    [data-theme=dark] .footer-label {
        color: #fff
    }
    
    [data-theme=light] .footer-label {
        color: #222
    }
    
    @media screen and (max-width: 1200px) {
        .footer-column1 {
            padding-left:20px
        }
    }
    
    @media (max-width: 992px) {
        .footer-image {
            display:none
        }
    
        .footer-column1 {
            margin-bottom: 20px;
            padding-left: 0;
            width: 50% !important
        }
    
        .footer-column {
            width: 50% !important;
            margin-bottom: 20px
        }
    }
    
    @media (max-width: 576px) {
        .footer-image {
            display:none
        }
    
        .footer-column1 {
            position: relative;
            padding-right: 1em !important;
            width: 100% !important
        }
    
        .footer-column {
            position: relative;
            width: 80% !important;
            margin-bottom: 20px;
            margin: auto
        }
    }
    
    .footer-image {
        position: absolute;
        bottom: 0px;
        height: 300px;
        width: auto;
        left: 15vw;
        z-index: -10
    }
    
    .footer {
        position: relative;
        padding: 10px 20px;
        flex-grow: 0;
        color: #999
    }
    
    @media (max-width: 576px) {
        .footer {
            margin-top:15px
        }
    }
    
    [data-theme=dark] .footer {
        border-top: 1px solid #4e4e57
    }
    
    [data-theme=light] .footer {
        border-top: 1px solid #dcdcdc
    }
    
    .footer__inner {
        display: flex;
        margin: 0 auto;
        width: 1400px;
        max-width: 100%
    }
    
    @media (max-width: 992px) {
        .footer__inner {
            flex-direction:column
        }
    }
    
    .footer__content {
        display: flex;
        flex: 1;
        justify-content: space-between;
        font-size: 1rem;
        color: #999
    }
    
    @media (max-width: 992px) {
        .footer__content {
            flex-direction:column;
            
            margin: 10px 0px
        }
    }
    
    .footer__content>*:last-child {
        padding: 0 0px
    }
    
    @media (max-width: 992px) {
        .footer__content>*:last-child {
            padding:0
        }
    }
    
    .footer__content .social-media-icons {
        margin-right: 5px
    }
    
    .footer__content .social-media-icons svg {
        width: 16px;
        height: 16px
    }
    
    .footer__content-left {
        display: flex;
        
    }
    
    @media (max-width: 992px) {
        .footer__content-left {
            flex-direction:column;
            justify-content: center
        }
    }
    
    .sharing-buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    
    .sharing-buttons .resp-sharing-button__icon,.sharing-buttons .resp-sharing-button__link {
        display: inline-block
    }
    
    .sharing-buttons .resp-sharing-button__link {
        text-decoration: none;
        margin: 0.5em
    }
    
    .sharing-buttons .resp-sharing-button {
        border-radius: 5px;
        transition: 25ms ease-out;
        padding: 0.5em 0.75em;
        
    }
    
    .sharing-buttons .resp-sharing-button__icon svg {
        width: 1em;
        height: 1em;
        margin-right: 0.4em;
        vertical-align: top
    }
    
    .sharing-buttons .resp-sharing-button--small svg {
        margin: 0;
        vertical-align: middle
    }
    
    .post-content table {
        border-collapse: collapse;
        margin: 25px auto;
        font-size: 0.9em;
        min-width: 400px;
        max-width: 100%
    }
    
    .post-content table th,.post-content table td {
        padding: 12px 15px;
        border: 1px solid #080808
    }
    
    @media (prefers-color-scheme: dark) {
        .post-content table th,.post-content table td {
            border:1px solid #0b0b0c
        }
    }
    
    @media (prefers-color-scheme: light) {
        .post-content table th,.post-content table td {
            border:1px solid #080808
        }
    }
    
    [data-theme=dark] .post-content table th,[data-theme=dark] .post-content table td {
        border: 1px solid #0b0b0c
    }
    
    [data-theme=light] .post-content table th,[data-theme=light] .post-content table td {
        border: 1px solid #080808
    }
    
    .post-content table thead tr {
        text-align: left;
        background-color: #080808;
        color: #222
    }
    
    @media (prefers-color-scheme: dark) {
        .post-content table thead tr {
            background-color:#0b0b0c;
            color: #fff
        }
    }
    
    @media (prefers-color-scheme: light) {
        .post-content table thead tr {
            background-color:#080808;
            color: #222
        }
    }
    
    [data-theme=dark] .post-content table thead tr {
        background-color: #0b0b0c;
        color: #fff
    }
    
    [data-theme=light] .post-content table thead tr {
        background-color: #080808;
        color: #222
    }
    
    .post-content table tbody tr {
        border: 1px solid #080808
    }
    
    @media (prefers-color-scheme: dark) {
        .post-content table tbody tr {
            border:1px solid #0b0b0c
        }
    }
    
    @media (prefers-color-scheme: light) {
        .post-content table tbody tr {
            border:1px solid #080808
        }
    }
    
    [data-theme=dark] .post-content table tbody tr {
        border: 1px solid #0b0b0c
    }
    
    [data-theme=light] .post-content table tbody tr {
        border: 1px solid #080808
    }
    
    .btn-404 svg {
        vertical-align: middle;
        display: inline-block;
        margin-right: 5px
    }
    
    .btn-404 a {
        margin: 0 10px
    }
    
    .home .main {
        display: flex;
        
        justify-content: space-between;
        width: 100%;
        max-width: 1400px
    }
    
    [data-theme="dark"] .home .main {
        color: #ffffff
    }
    
    @media (max-width: 991px) {
        .home video {
            object-fit:cover;
            width: 100vw;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            visibility: visible
        }
    }
    
    @media (min-width: 992px) {
        .home video {
            object-fit:cover;
            object-position: 100% 100%;
            width: 100vw;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            visibility: visible
        }
    }
    
    .home video.scrolled {
        visibility: hidden
    }
    
    .home .viewport-header {
        position: relative;
        height: 100vh;
        
        margin-top: -100px;
        display: flex;
        
        justify-content: center
    }
    
    .home .title {
        
    }
    
    .home h1,.home h2 {
        font-size: 97px;
        line-height: 1.1em;
        margin: 0px;
        display: block
    }
    
    @media (max-width: 576px) {
        .home h1,.home h2 {
            font-size:40px
        }
    }
    
    .home h1 {
        font-size: 6.9vw;
        font-weight: 700;
        color: #ffffff;
        top: 50%
    }
    
    .home h2 {
        font-size: 45px;
        line-height: 1.1em;
        margin: 0px;
        display: block;
        letter-spacing: -1px;
        color: #fadb19
    }
    
    @media (max-width: 576px) {
        .home h2 {
            font-size:40px
        }
    }
    
    .home h2 {
        font-weight: 700
    }
    
    .home .underline {
        width: 100px;
        height: 6px;
        margin: 15px 0px
    }
    
    [data-theme="dark"] .home .underline {
        background: #ffffff
    }
    
    .home main {
        position: relative;
        padding: 1rem
    }
    
    [data-theme="dark"] .home main {
        background: #000000
    }
    
    [data-theme="light"] .home main {
        background: white
    }
    
    .home main::before {
        content: "";
        height: 100vh;
        position: absolute;
        top: 0;
        left: 0
    }
    
    .home main p {
        max-width: 100vw;
        margin: 1rem auto
    }
    
    .home .font28 {
        font-size: 28px
    }
    
    .home .screen {
        position: relative;
        height: 100%;
        width: 100vw;
        letter-spacing: 1px
    }
    
    .home .preload {
        position: relative;
        transform: translateY(-50%);
        font-size: 1.6vw;
        line-height: 5px;
        
        text-transform: lowercase
    }
    
    .home .preload__letter {
        display: inline-block;
        margin: 0 0px;
        position: relative;
        letter-spacing: -5px;
        text-transform: lowercase
    }
    
    .home .preload__letter--loaded::after {
        content: "";
        width: 100%;
        
        position: relative;
        top: 50%;
        left: 0;
        color: #fff;
        font-size: 18px;
        line-height: 12px
    }
    
    .home .d_text_display {
        position: relative;
        overflow: hidden;
        font-size: 5vw
    }
    
    .home .d_text_display #dynamic_d {
        opacity: 1;
        left: 0;
        bottom: 0;
        border-radius: 10px;
        transition: 0.5s;
        transform: translateY(100%) scale(1.2);
        visibility: visible
    }
    
    .home .d_text_display.for_animation_class #dynamic_d {
        transform: translateY(0%) scale(1);
        visibility: visible
    }
    
    .home .dogelogo {
        margin: auto;
        min-width: 35vw;
        cursor: pointer;
        padding-right: 25px
    }
    
    @media (max-width: 768px) {
        .home .preload {
            font-size:20px;
            top: 55%
        }
    
        .home .dogelogo {
            max-width: 80vw
        }
    
        .home .d_text_display {
            font-size: 13vw
        }
    }
    
    @media (min-width: 768px) and (max-width: 1200px) {
        .home .dogelogo {
            max-width:50vw
        }
    
        .home .d_text_display {
            font-size: 6vw
        }
    }
    
    @media (min-width: 1200px) {
        .home .fs-3 {
            font-size:1.55rem !important;
            line-height: 35px
        }
    }
    
    .parent {
        position: relative;
        top: 0;
        left: 0
    }
    
    .parent-numbers {
        text-align: left;
        position: relative
    }
    
    .bg-secondary {
        background-color: #dfc66d !important
    }
    
    .btn-outline-secondary {
        position: absolute;
        bottom: 0px
    }
    
    h3 {
        max-height: 15% !important;
        font-size: 3rem !important
    }
    
    @media (max-width: 575px) {
        .parent {
            position:relative;
            top: 0;
            left: 5vw
        }
    
        .kabosu-content {
            width: 100vw !important;
            height: 100%;
            text-align: left;
            left: 7.5vw;
            padding: 3rem !important;
            padding-bottom: 1rem !important
        }
    
        .under {
            width: 90%;
            padding: .5rem !important;
            position: relative;
            max-width: 24rem
        }
    
        .over {
            width: 95%;
            position: absolute;
            top: 5vh;
            left: 0;
            max-width: 28rem
        }
    
        .parent-numbers {
            height: 28vh;
            width: 100%;
            padding-top: 10px !important;
            padding-left: 10px !important;
            position: unset
        }
    
        .btn-outline-secondary {
            position: unset
        }
    
        .under-numbers {
            position: relative;
            width: 100% !important;
            left: 10vw;
            padding-bottom: 1em !important;
            padding: .5rem !important;
            max-width: 24rem
        }
    
        .over-numbers {
            position: relative;
            width: 100% !important;
            margin: auto;
            top: -21vh;
            font-weight: 600;
            font-size: calc(1.545rem + 3.54vw)
        }
    }
    
    @media (max-width: 575px) and (min-width: 1200px) {
        .over-numbers {
            font-size:4.2rem
        }
    }
    
    @media (max-width: 575px) {
        .text-numbers {
            position:relative;
            width: 100% !important;
            padding-left: 2em !important;
            top: -18vh;
            text-align: left
        }
    }
    
    @media (min-width: 576px) and (max-width: 767px) {
        .parent {
            position:relative;
            top: 0;
            left: 0
        }
    
        .kabosu-content {
            height: 100%;
            text-align: left;
            padding: .5rem !important;
            font-size: 1.1rem
        }
    
        .under {
            width: 100%;
            padding: .5rem !important;
            position: relative;
            max-width: 26rem
        }
    
        .over {
            width: 120%;
            position: absolute;
            top: 5vh;
            left: 0;
            padding: .5rem !important;
            max-width: 28rem
        }
    
        .parent-numbers {
            height: 32vh;
            width: 100%;
            padding-top: 10px !important;
            padding-left: 10px !important;
            position: unset
        }
    
        .btn-outline-secondary {
            position: unset
        }
    
        .under-numbers {
            position: relative;
            width: 100% !important;
            padding-bottom: 1em !important;
            padding: .5rem !important;
            max-width: 24rem
        }
    
        .over-numbers {
            position: relative;
            width: 100% !important;
            margin: auto;
            top: -21vh;
            font-weight: 600;
            font-size: calc(1.545rem + 3.54vw)
        }
    }
    
    @media (min-width: 576px) and (max-width: 767px) and (min-width: 1200px) {
        .over-numbers {
            font-size:4.2rem
        }
    }
    
    @media (min-width: 576px) and (max-width: 767px) {
        .text-numbers {
            position:relative;
            width: 100% !important;
            padding-left: 2em !important;
            top: -18vh;
            text-align: left;
            font-size: 1.1rem
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .parent {
            position:relative;
            top: 0;
            left: 0
        }
    
        .kabosu-content {
            position: inherit;
            width: 32vw !important;
            height: 100%;
            text-align: left;
            padding: .5rem !important;
            max-width: 50rem
        }
    
        .under {
            width: 100%;
            padding: .5rem !important;
            position: relative;
            max-width: 24rem
        }
    
        .over {
            width: 120%;
            position: absolute;
            top: 5vh;
            left: -1rem;
            margin-right: 1vw;
            padding: .5rem !important;
            max-width: 36rem
        }
    
        .over-numbers {
            position: relative;
            width: 100% !important;
            margin: auto;
            top: -13.5vh;
            left: 3.5vw;
            max-width: 36rem;
            text-align: left;
            font-weight: 600;
            font-size: calc(1.325rem + .9vw)
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) and (min-width: 1200px) {
        .over-numbers {
            font-size:2rem
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .text-numbers {
            position:relative;
            width: 100% !important;
            padding-left: 2em !important;
            top: -12vh;
            text-align: left
        }
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
        .parent {
            position:relative;
            top: 0;
            left: 0
        }
    
        .kabosu-content {
            position: inherit;
            float: left;
            width: 100%;
            height: 100%;
            text-align: left;
            padding: .5rem !important;
            max-width: 42rem
        }
    
        .under {
            width: 100%;
            padding: .5rem !important;
            position: relative;
            max-width: 24rem
        }
    
        .over {
            width: 120%;
            position: absolute;
            top: 5vh;
            left: 0;
            margin-right: 1vw;
            padding: .5rem !important;
            max-width: 28rem
        }
    
        .over-numbers {
            position: relative;
            width: 100% !important;
            margin: auto;
            top: -14.5vh;
            left: 3.5vw;
            max-width: 36rem;
            text-align: left;
            font-weight: 600;
            font-size: calc(1.325rem + .9vw)
        }
    }
    
    @media (min-width: 992px) and (max-width: 1199px) and (min-width: 1200px) {
        .over-numbers {
            font-size:2rem
        }
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
        .text-numbers {
            position:relative;
            width: 100% !important;
            padding-left: 2em !important;
            top: -12vh;
            text-align: left
        }
    }
    
    @media (min-width: 1200px) and (max-width: 1399px) {
        .parent {
            position:relative;
            top: 0;
            left: 0
        }
    
        .kabosu-content {
            position: inherit;
            float: left;
            width: 100%;
            height: 100%;
            text-align: left;
            padding: .5rem !important;
            max-width: 42rem
        }
    
        .under {
            position: relative;
            width: 100%;
            padding: .5rem !important;
            left: 5vw;
            max-width: 24rem
        }
    
        .over {
            width: 120%;
            position: absolute;
            top: 5vh;
            left: 4vw;
            padding: .5rem !important;
            max-width: 28rem
        }
    
        .over-numbers {
            position: relative;
            width: 100% !important;
            margin: auto;
            top: -14.5vh;
            left: 1.5vw;
            max-width: 18rem;
            text-align: left;
            font-weight: 600;
            font-size: calc(1.325rem + .9vw)
        }
    }
    
    @media (min-width: 1200px) and (max-width: 1399px) and (min-width: 1200px) {
        .over-numbers {
            font-size:2rem
        }
    }
    
    @media (min-width: 1200px) and (max-width: 1399px) {
        .text-numbers {
            position:relative;
            width: 100% !important;
            padding-left: 2em !important;
            top: -12vh;
            text-align: left
        }
    }
    
    @media (min-width: 1400px) {
        .parent {
            position:relative;
            top: 0;
            left: 0
        }
    
        .kabosu-content {
            position: inherit;
            float: left;
            width: 100%;
            height: 100%;
            text-align: left;
            padding: .5rem !important;
            max-width: 42rem
        }
    
        .under {
            position: relative;
            width: 100%;
            left: 7.5vw;
            padding: .5rem !important;
            max-width: 24rem
        }
    
        .over {
            width: 120%;
            position: absolute;
            top: 5vh;
            left: 5.5vw;
            padding: .5rem !important;
            max-width: 30rem
        }
    
        .under-numbers {
            position: relative;
            width: 33vh !important;
            padding-bottom: 1em !important;
            padding: .5rem !important;
            max-width: 24rem
        }
    
        .over-numbers {
            position: relative;
            width: 100% !important;
            margin: auto;
            top: -17vh;
            max-width: 18rem;
            text-align: left;
            font-weight: 600;
            font-size: calc(1.325rem + .9vw)
        }
    }
    
    @media (min-width: 1400px) and (min-width: 1200px) {
        .over-numbers {
            font-size:2rem
        }
    }
    
    @media (min-width: 1400px) {
        .text-numbers {
            position:relative;
            width: 100% !important;
            padding-left: 2em !important;
            top: -12vh;
            text-align: left
        }
    }
    
    .gold-highlight {
        color: #c4b367 !important;
        padding: 3px 5px;
        background-color: #faf5df;
        border-radius: 1px
    }
    
    .wallets-bg {
        width: 100vw !important;
        background-image: url(assets/images/wallets_bg.png);
        background-size: 100vw;
        background-repeat: no-repeat
    }
    
    .wallet {
        position: relative;
        overflow: hidden;
        display: block;
        padding-top: 15vh
    }
    
    [data-theme="dark"] .wallet {
        color: #ffffff
    }
    
    [data-theme="dark"] .wallet .card-body {
        color: #000000
    }
    
    .wallet .card {
        height: 100%;
        width: 100%;
        min-height: 12rem !important;
        max-height: 19rem !important;
        min-width: 12rem !important;
        max-width: 32rem !important;
        padding-top: 0.5rem !important
    }
    
    .wallet p {
        font-size: .85rem
    }
    
    .wallet .dropdown-toggle::after {
        visibility: hidden !important
    }
    
    .rounded-5 {
        border-radius: 20px;
        border: none
    }
    
    @media (min-width: 992px) {
        .wallet-blurb {
            width:80%;
            margin: 0 !important
        }
    }
    
    .google-play-button {
        width: 15vw;
        height: auto;
        margin-top: 10px;
        margin-left: -5px
    }
    
    .wallet-bottom-container {
        padding-top: 12vh !important;
        margin-top: 10vh
    }
    
    @media (prefers-color-scheme: light) {
        .btn-outline-secondary {
            color:#222
        }
    }
    
    @media (prefers-color-scheme: dark) {
        .btn-outline-secondary {
            color:#fff
        }
    }
    
    [data-theme=light] .btn-outline-secondary {
        color: #222
    }
    
    [data-theme=dark] .btn-outline-secondary {
        color: #fff
    }
    
    .community {
        position: relative;
        display: block;
        padding: 7.5vh 0 0 0
    }
    
    [data-theme=dark] .community {
        color: #ffffff
    }
    
    .community .do-only {
        font-size: 6.5vw
    }
    
    .community .good-everyday {
        font-size: 6.5vw;
        padding-right: 1rem !important
    }
    
    .community .video {
        max-width: 100%;
        height: auto
    }
    
    .community .social-image {
        border: 0.5px solid gainsboro;
        width: 24% !important
    }
    
    .community .social-image a img {
        padding: 0 !important;
        height: 100%;
        vertical-align: middle
    }
    
    .community .youtube-logo {
        max-width: 60% !important
    }
    
    @media (max-width: 575px) {
        .community {
            width:100vw;
            position: relative;
            display: block;
            padding-top: 6.5em;
            left: 3rem
        }
    
        [data-theme="dark"] .community {
            color: #ffffff
        }
    }
    
    @media (min-width: 992px) {
        .community .do-only-box {
            margin-left:10vw
        }
    
        .doge-graphics {
            position: relative;
            width: 100%;
            margin: auto
        }
    
        .doge-graphics-letter {
            margin: auto
        }
    }
    
    #community>div>div>a {
        text-decoration: none
    }
    
    @media (prefers-color-scheme: light) {
        #community>div>div>a:nth-child(1)>div {
            background-image:url(assets/images/Twitter_Logo.svg) !important
        }
    }
    
    @media (prefers-color-scheme: dark) {
        #community>div>div>a:nth-child(1)>div {
            background-image:url(assets/images/Twitter_Dark_Logo.svg) !important
        }
    }
    
    [data-theme=light] #community>div>div>a:nth-child(1)>div {
        background-image: url(assets/images/Twitter_Logo.svg) !important
    }
    
    [data-theme=dark] #community>div>div>a:nth-child(1)>div {
        background-image: url(assets/images/Twitter_Dark_Logo.svg) !important
    }
    
    @media (prefers-color-scheme: light) {
        #community>div>div>a:nth-child(2)>div {
            background-image:url(assets/images/Reddit_Logo.svg) !important
        }
    }
    
    @media (prefers-color-scheme: dark) {
        #community>div>div>a:nth-child(2)>div {
            background-image:url(assets/images/Reddit_Dark_Logo.svg) !important
        }
    }
    
    [data-theme=light] #community>div>div>a:nth-child(2)>div {
        background-image: url(assets/images/Reddit_Logo.svg) !important
    }
    
    [data-theme=dark] #community>div>div>a:nth-child(2)>div {
        background-image: url(assets/images/Reddit_Dark_Logo.svg) !important
    }
    
    @media (prefers-color-scheme: light) {
        #community>div>div>a:nth-child(3)>div {
            background-image:url(assets/images/Discord_Logo.svg) !important
        }
    }
    
    @media (prefers-color-scheme: dark) {
        #community>div>div>a:nth-child(3)>div {
            background-image:url(assets/images/Discord_Dark_Logo.svg) !important
        }
    }
    
    [data-theme=light] #community>div>div>a:nth-child(3)>div {
        background-image: url(assets/images/Discord_Logo.svg) !important
    }
    
    [data-theme=dark] #community>div>div>a:nth-child(3)>div {
        background-image: url(assets/images/Discord_Dark_Logo.svg) !important
    }
    
    .resources-top {
        position: relative;
        display: block;
        width: 100%;
        padding: 1rem !important;
        margin: auto !important;
        background-color: #fafafa
    }
    
    .resources-bottom {
        background-image: url(assets/images/25.png),url(assets/images/31.png);
        background-position: left, right;
        background-repeat: no-repeat;
        position: relative;
        display: block
    }
    
    [data-theme="dark"] .resources-bottom {
        color: #000000
    }
    
    [data-theme="light"] .resources-bottom .accordion-header {
        color: #ffffff
    }
    
    [data-theme="light"] .resources-bottom .accordion-body {
        color: #000000
    }
    
    .resources-bottom.card {
        background-color: #fcf4df
    }
    
    @media (max-width: 576px) {
        #resources {
            width:100%;
            position: relative;
            display: block;
            padding-top: 6.5em;
            left: 3rem
        }
    
        .resources-bottom {
            width: 100%;
            top: 6.5rem !important;
            padding: 1rem !important;
            margin: auto !important;
            height: 100% !important;
            position: relative;
            display: block;
            top: 5vh !important
        }
    }
    
    @media (max-width: 768px) {
        #resources {
            width:100%;
            position: relative;
            display: block;
            padding-top: 6.5em
        }
    
        .resources-bottom {
            position: relative;
            display: block;
            top: 5vh !important
        }
    
        .resources-bottom .card {
            width: 96px
        }
    }
    
    @media (min-width: 992px) {
        .resources-image,.resources-menu {
            padding-top:50px
        }
    
        .resources-image img {
            max-width: 130% !important;
            margin-left: -30%
        }
    }
    
    @media (max-width: 992px) {
        #resources {
            height:100%
        }
    
        .resources-top {
            margin: 50px 0 100px 0
        }
    
        .resources-bottom {
            position: relative;
            display: block;
            top: 5vh !important
        }
    
        .resources-bottom .card {
            width: 96px
        }
    }
    
    @media (max-width: 1200px) {
        .resources-top {
            margin:50px 0 50px 0
        }
    
        .resources-bottom {
            position: relative;
            display: block;
            top: 5vh !important
        }
    
        .resources-bottom .card {
            width: 96px
        }
    }
    
    @media (min-width: 1400px) {
        .resources-top {
            margin:50px 0 100px 0
        }
    
        .resources-bottom {
            height: 55vh !important;
            position: relative;
            display: block;
            top: 10vh !important
        }
    
        .resources-bottom .card {
            width: 96px
        }
    }
    
    .find-more-card {
        border-radius: 10px !important;
        text-align: left !important
    }
    
    .find-more-card h5 {
        font-weight: bold
    }
    
    .find-more-card .find-more-text {
        padding: 1rem;
        padding-bottom: 0.7rem
    }
    
    .find-more-card .find-more-text a {
        padding-bottom: 0.3rem;
        text-decoration: none !important;
        border-bottom: 1px solid #000000
    }
    
    .Dukatpedia article>div>p>img {
        max-width: 300px !important;
        margin: auto
    }
    
    .Dukatpedia h2 {
        border-left: 5px solid #B79C32;
        padding: 10px
    }
    
    .Dukatpedia h3 {
        padding: 10px 10px 10px 0
    }
    
    .Dukatpedia article>div>ul>li {
        list-style: none;
        border-left: 2px solid #CCCCCC;
        margin: 5px;
        padding-left: 15px
    }
    
    .Dukatpedia li>a {
        text-decoration: none
    }
    
    .Dukatpedia .title {
        position: relative;
        padding: 200px 100px 150px 100px;
        margin-top: -100px;
        background-color: #000;
        background-image: url("assets/images/blochain_doge_light.svg");
        opacity: 1;
        background-repeat: no-repeat;
        background-size: contain;
        background-blend-mode: soft-light;
        background-position: bottom right;
        width: 100vw
    }
    
    .Dukatpedia .title h1 {
        font-weight: bold;
        color: white
    }
    
    .Dukatpedia .title a {
        color: white
    }
    
    .Dukatpedia .title b {
        color: #ccae40
    }
    
    .Dukatpedia .content {
        position: relative
    }
    
    .Dukatpedia .box {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
        width: 95vw;
        margin: auto
    }
    
    .Dukatpedia .item {
        display: block;
        border: none;
        padding: 20px 0px
    }
    
    .Dukatpedia .item h4 {
        font-weight: bold;
        float: left;
        width: 70%;
        height: 100%;
        margin: auto;
        text-align: left
    }
    
    .Dukatpedia .item a {
        float: right;
        min-width: 150px;
        width: 20%
    }
    
    .Dukatpedia .item a:link {
        text-decoration: none
    }
    
    .Dukatpedia .item a:visited {
        text-decoration: none
    }
    
    .Dukatpedia .item button {
        color: white;
        background-color: #ccae40;
        border-radius: 0;
        float: right
    }
    
    .Dukatpedia .collapsible {
        display: block;
        background-color: #eee;
        color: #444;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        border-radius: 0
    }
    
    .Dukatpedia .active,.Dukatpedia .collapsible:hover {
        background-color: #ccc
    }
    
    .Dukatpedia .expanded {
        padding: 0 18px;
        display: none;
        overflow: hidden;
        background-color: #f1f1f1;
        text-align: left !important;
        margin-bottom: 10px
    }
    
    .Dukatpedia .tab {
        top: 0;
        overflow: hidden;
        min-width: 250px;
        width: 30%;
        float: left
    }
    
    .Dukatpedia .tab button {
        display: block;
        width: 100%;
        color: #000000;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        text-align: left;
        padding: 14px 16px;
        transition: 0.3s;
        border-bottom: 0.5px solid gainsboro;
        border-radius: 0
    }
    
    .Dukatpedia .tab button:hover {
        color: #ccae40 !important;
        background-color: transparent;
        border-radius: 0
    }
    
    .Dukatpedia .tab button.active {
        color: #ccae40 !important;
        background-color: transparent;
        border-radius: 0
    }
    
    .tabcontent {
        width: 65%;
        float: right;
        display: none;
        padding: 6px 12px;
        border-top: none
    }
    
    @media screen and (max-width: 935px) {
        .tab {
            width:100%
        }
    
        .tab button {
            display: inline-block;
            width: 50%
        }
    
        .tabcontent {
            width: 100%;
            float: none
        }
    }
    
    @media screen and (max-width: 480px) {
        .Dukatpedia {
            font-size:15px !important
        }
    
        .Dukatpedia .tab {
            margin-bottom: 20px
        }
    
        .Dukatpedia .item h4,.Dukatpedia .item a {
            display: block !important;
            text-align: left;
            width: 100%
        }
    
        .Dukatpedia .item button {
            float: left
        }
    }
    
    .left {
        text-align: left
    }
    
    @media (max-width: 576px) {
        .left {
            text-align:center
        }
    }
    
    .left .title {
        
    }
    
    .left .title h1,.left .title h2 {
        font-size: 97px;
        line-height: 1.1em;
        margin: 0px;
        display: block
    }
    
    @media (max-width: 576px) {
        .left .title h1,.left .title h2 {
            font-size:40px
        }
    }
    
    .left .title h1 {
        font-weight: 300
    }
    
    .left .title h2 {
        font-weight: 700
    }
    
    .left .underline {
        width: 100px;
        height: 6px;
        margin: 15px 0px
    }
    
    [data-theme=dark] .left .underline {
        background: #ffffff
    }
    
    [data-theme=light] .left .underline {
        background: #fadb19
    }
    
    @media (max-width: 576px) {
        .left .underline {
            margin:15px auto
        }
    }
    
    .left .subtitle {
        margin: 0px;
        font-size: 32px;
        font-weight: 200
    }
    
    .doge-container {
        position: relative;
        width: 384px;
        height: 384px;
        overflow: hidden;
        border-radius: 50%;
        display: flex;
        justify-content: center
    }
    
    [data-theme=dark] .doge-container {
        background: #000000
    }
    
    [data-theme=light] .doge-container {
        background: #dbdbdb
    }
    
    .doge-container.mobile {
        display: none
    }
    
    @media (max-width: 576px) {
        .doge-container {
            width:150px;
            height: 150px
        }
    
        .doge-container.desktop {
            display: none
        }
    
        .doge-container.mobile {
            display: block
        }
    }
    
    .doge-container .kabosu {
        z-index: 3;
        position: relative;
        top: 60px;
        width: 300px;
        height: 372px
    }
    
    @media (max-width: 576px) {
        .doge-container .kabosu {
            top:20px;
            left: 15px;
            width: 124px;
            height: 148px
        }
    }
    
    .doge-container #left-eye,.doge-container #right-eye,.doge-container #nose {
        z-index: 2;
        position: absolute
    }
    
    .doge-container .eyes-background {
        position: absolute;
        z-index: 1;
        left: 150px;
        top: 145px;
        width: 130px;
        height: 50px;
        background-color: #E4D79A
    }
    
    .doge-container #left-eye {
        top: 171px;
        left: 166px;
        width: 20px;
        height: auto
    }
    
    .doge-container #right-eye {
        top: 157px;
        left: 243px;
        width: 20px;
        height: auto
    }
    
    .doge-container #nose {
        z-index: 4;
        cursor: pointer;
        top: 200px;
        left: 245px;
        width: 40px;
        height: 33px;
        border-radius: 50%
    }
    
    .doge-container .thought {
        ;
        font-weight: bold;
        z-index: 5;
        display: none;
        background-color: #fff;
        padding: 20px;
        border-radius: 30px;
        min-width: 40px;
        max-width: 220px;
        min-height: 40px;
        margin: 20px;
        position: absolute;
        
        
        
    }
    
    .doge-container .thought.visible {
        display: flex
    }
    
    .doge-container .thought::before,.doge-container .thought::after {
        content: "";
        background-color: #fff;
        border-radius: 50%;
        display: block;
        position: absolute;
        z-index: -1
    }
    
    .doge-container .thought::before {
        width: 44px;
        height: 44px;
        top: -12px;
        left: 28px;
        box-shadow: -50px 30px 0 -12px #fff
    }
    
    .doge-container .thought::after {
        bottom: -10px;
        right: 26px;
        width: 30px;
        height: 30px;
        box-shadow: 40px -34px 0 0 #fff, -28px -6px 0 -2px #fff, -24px 17px 0 -6px #fff, -5px 25px 0 -10px #fff
    }
    
    @media (max-width: 576px) {
        flex-direction:column-reverse
    }
    
    @keyframes rainbow {
        100%,8% {
            background-color: #ff7f00
        }
    
        16% {
            background-color: #ff0
        }
    
        25% {
            background-color: #7fff00
        }
    
        33% {
            background-color: lime
        }
    
        41% {
            background-color: #00ff7f
        }
    
        50% {
            background-color: cyan
        }
    
        58% {
            background-color: #007fff
        }
    
        66% {
            background-color: blue
        }
    
        75% {
            background-color: #7f00ff
        }
    
        83% {
            background-color: #f0f
        }
    
        91% {
            background-color: #ff007f
        }
    }
    
    .tablist {
        color: #222;
        font-size: 1rem
    }
    
    .tablist .title {
        position: relative;
        width: 100vw
    }
    
    .tablist .title h1 {
        font-weight: bold
    }
    
    .tablist .title a {
        color: black
    }
    
    .tablist .content {
        position: relative
    }
    
    .tablist .item {
        display: block;
        border: none
    }
    
    .tablist .item h4 {
        font-weight: bold;
        float: left;
        width: 100%;
        height: 100%
    }
    
    .tablist .item a {
        min-width: 150px
    }
    
    .tablist .item a:link {
        text-decoration: none
    }
    
    .tablist .item a:visited {
        text-decoration: none
    }
    
    .tablist .item button {
        background-color: #fafafa;
        font-weight: bold;
        font-size: large
    }
    
    .tablist .collapsible {
        display: block;
        background-color: #fafafa;
        color: #444;
        cursor: pointer;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        border-radius: 0
    }
    
    .tablist .active,.tablist .collapsible:hover {
        background-color: #fafafa
    }
    
    .tablist .expanded {
        padding: 0 18px;
        display: none;
        overflow: hidden;
        background-color: #fafafa;
        text-align: left !important;
        margin-bottom: 10px
    }
    
    .tab {
        top: 0;
        overflow: hidden;
        min-width: 250px;
        width: 100%;
        float: left
    }
    
    .tab button {
        display: block;
        width: 100%;
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        text-align: left;
        padding: .87rem 1rem;
        transition: 0.3s;
        border-left: 5px solid #ccae40;
        border-radius: 0
    }
    
    .tab button:hover {
        background-color: #dfc66d;
        border-radius: 0
    }
    
    .tab button.active {
        background-color: #ccae40;
        border-radius: 0
    }
    
    @media screen and (max-width: 935px) {
        .tabcontent {
            width:100%;
            display: none;
            border-top: none
        }
    
        .tab button {
            display: inline-block;
            width: 100%
        }
    }
    
    @media (max-width: 576px) {
        #resources {
            width:100vw;
            position: relative;
            display: block;
            padding-top: 6.5em;
            left: 3rem
        }
    
        .tabcontent {
            width: 100%;
            display: none;
            border-top: none
        }
    
        .tab button {
            display: inline-block;
            width: 100%
        }
    
        .tablist .item h4,.tablist .item a {
            display: block !important;
            width: 100%
        }
    
        .tablist .item button {
            width: 100%;
            background-color: #fafafa
        }
    }
    
    @media (max-width: 768px) {
        #resources {
            width:100vw;
            position: relative;
            display: block;
            padding-top: 6.5em
        }
    
        .tabcontent {
            width: 100%;
            display: none;
            border-top: none
        }
    
        .tab button {
            display: inline-block;
            width: 100%
        }
    
        .tablist .item h4,.tablist .item a {
            display: block !important;
            width: 100%
        }
    
        .tablist .item button {
            width: 100%;
            background-color: #fafafa
        }
    
        .resources-bottom {
            margin: 50px
        }
    }
    
    @media (max-width: 992px) {
        .tabcontent {
            width:100%;
            display: none;
            border-top: none
        }
    
        .tab button {
            display: inline-block;
            width: 100%
        }
    
        .tablist {
            width: 100vw !important;
            padding: 1em !important
        }
    
        .tablist .item h4,.tablist .item a {
            display: block !important;
            width: 100%
        }
    
        .tablist .item button {
            width: 100%;
            background-color: #fafafa
        }
    
        .resources-top {
            margin: 50px 0 100px 0
        }
    
        .resources-bottom {
            margin: 100px
        }
    
        .resources-bottom .card {
            width: 96px
        }
    }
    
    @media (max-width: 1200px) {
        .tablist {
            width:100vw !important;
            padding: 1em !important
        }
    
        .tablist .item h4,.tablist .item a {
            display: block !important;
            width: 100%
        }
    
        .tablist .item button {
            width: 100%;
            background-color: #fafafa
        }
    }
    
    @media screen and (max-width: 1400px) {
        .tablist {
            width:100% !important;
            padding: 1em !important
        }
    
        .tablist .item {
            width: 100% !important
        }
    
        .tablist .item h4,.tablist .item a {
            display: block !important;
            width: 100%
        }
    
        .tablist .item button {
            width: 100%;
            background-color: #fafafa
        }
    
        .resources-bottom {
            bottom: 5vh !important;
            margin: 100px
        }
    
        .resources-bottom .card {
            width: 96px
        }
    }
    
    /*# sourceMappingURL=main.css.map */
    .single article .article-content p, p, .post-excerpt {
        font-family: Montserrat;
        line-height: 25px;
        color: black !important;
        font-size: 18px;
    }