/* pascal nation
by fable.nu */

            /* GENERAL STYLING */
    
            :root {
                --FontSize: 22px; /* main */
                --FontFamily: "Satoshi", Verdana; /* main */
                --TextAlign: justify; /* main */
                --AccentFont: "FleuronMixed", Georgia; /* big letter */
                --DecorFont: "NeutralFace", Verdana; /* deco text */
                --CodeFont: "Inconsolata", Courier; /* preformatted */
            }

            /* Light Color Scheme */
            :root, html[data-theme='light'] {
                /* toggles */
                --LightOn: block;
                --LightOff: none;
                /* body background */
                --Background: #F5EDE9;
                /* bolded text */
                --BoldText: #4c576b;
                /* sidebar deco text */
                --DecorText: #5D6A83;
                /* preformatted bg, mobile footer bg */
                --Footer: #c3c9d5;
                /* italicized text */
                --ItalicText: #2a303c;
                /* links */
                --Links: #707E99;
                /* list marker*/
                --ListMarker: #949FB3;
                /* marked text + bg */
                --MarkedBG: #c3c9d5;
                --MarkedText: #2A303C;
                /* scrollbar thumb */
                --Scrollbar: #5D6A83;
                /* text selection */
                --Selection: #DBDFE6;
                /* body text */
                --Text: #394150;
            }

            /* Dark Color Scheme */
            html[data-theme='dark'] {
                /* toggles */
                --LightOn: none;
                --LightOff: block;
                /* body background */
                --Background: #394150;
                /* bolded text */
                --BoldText: #F2E8E3;
                /* sidebar deco text */
                --DecorText: #A0A9BB;
                /* preformatted bg, mobile footer bg */
                --Footer: #4C576B;
                /* italicized text */
                --ItalicText: #fff;
                /* links */
                --Links: #A0A9BB;
                /* list marker*/
                --ListMarker: #A0A9BB;
                /* marked text + bg */
                --MarkedBG: #A0A9BB;
                --MarkedText: #2A303C;
                /* scrollbar thumb */
                --Scrollbar: #F5EDE9;
                /* text selection */
                --Selection: #5D6A83;
                /* body text */
                --Text: #F5EDE9;
            }

           

            body {
                margin: 0;
                top: 0;
                left: 0;
                font-size: var(--FontSize);
                font-family: var(--FontFamily);
                color: var(--Text);
                background-color: var(--Background);
                text-align: var(--TextAlign);
                overflow-x: hidden;
            }

            html.theme-transition,
            html.theme-transition *,
            html.theme-transition *:before,
            html.theme-transition *:after {
                transition: 0s !important;
                transition-delay: 0 !important;
            }

            /* Smooth Scroll */
            html {
                scroll-behavior: smooth;
            }

            /* Fleuron Mixed by Mickaël Emile & Yves-Gabriel So */
            @font-face {
                font-family: 'FleuronMixed';
                src: url('https://dl.dropbox.com/s/vgg6yxporw8bc1j/FleuronMixed.otf');
            }

            /* Neutral Face by Vadym Askieiev */
            @font-face {
                font-family: 'NeutralFace';
                src: url('https://dl.dropbox.com/s/3q5lg36w1capa8s/NeutralFace.otf');
            }

            /* Scrollbar */
            ::-webkit-scrollbar {
                width: 10px;
                background-color: var(--Background);
            }

            ::-webkit-scrollbar-thumb {
                width: 10px;
                background-color: var(--Scrollbar);
                border: 4px solid var(--Background);
            }

            /* Text Selection */
            ::selection {
                background-color: var(--Selection);
                color: var(--Text);
            }

            ::-moz-selection {
                background-color: var(--Selection);
                color: var(--Text);
            }

            ::-o-selection {
                background-color: var(--Selection);
                color: var(--Text);
            }

            ::-webkit-selection {
                background-color: var(--Selection);
                color: var(--Text);
            }

            /* Tooltips */
            .tippy-box[data-theme~='flora'] {
                background-color: var(--Text);
                color: var(--Background);
                text-transform: lowercase;
            }

            /* »» tooltip arrow */
            .tippy-box[data-theme~='flora'] > .tippy-svg-arrow {
                fill: var(--Text);
            }

            /* ––– TEXT STYLES ––– */
            /* Bold Text */
            b, strong {
                padding: 0 0.25em;
                background-color: var(--MarkedBG);
                color: var(--MarkedText);
                border-radius: 2px;
            }

            /* Italic Text */
            i, em {
                font-style: italic;
                color: var(--ItalicText);
            }

            /* Marked Text */
            mark {
                padding: 0 0.25em;
                background-color: var(--MarkedBG);
                color: var(--MarkedText);
                border-radius: 2px;
            }

            /* Preformatted Text */
            pre {
                background-color: var(--Footer);
                word-wrap: break-all;
                white-space: pre-wrap;
                padding: 0.75em 1em;
                font-family: var(--CodeFont);
            }

            /* Small Text */
            small {
                font-size: calc(1em - 4px);
            }

            /* Underlined Text */
            u {
                text-decoration: none;
                border-bottom: 2px solid var(--Text);
            }

            /* -- Bold Underlined Text */
            u b, u strong {
                border-bottom: 2px solid var(--BoldText);
            }

            /* -- Italic Underlined Text */
            u i, u em {
                border-bottom: 2px solid var(--ItalicText);
            }

            /* Blockquote */
            blockquote {
                border-left: 2px solid var(--Text);
                padding-left: 1em;
            }

          

            /* Empty Paragraphs */
            p:empty {
                display: none;
            }

            /* Text Line */
            hr {
                width: 100%;
                border: none;
                background-color: var(--Text);
                height: 2px;
            }

            /* Links */
            /* -- default */
            a {
                text-decoration: none;
                color: var(--Text);
                border-bottom: 2px solid var(--Links);
            }

            /* -- hovered */
            a:hover {
                border-bottom: 2px solid var(--Links);
                color: var(--Links);
            }

            /* -- transitions */
            a, a:hover {
                transition: 0.5s;
                -moz-transition: 0.5s;
                -o-transition: 0.5s;
                -webkit-transition: 0.5s;
            }

            /* Lists */
            ul ::marker, ol ::marker {
                color: var(--ListMarker);
            }

            /* Headings */
            /* -- 1st Heading */
            h1 {
                font-size: 2em;
            }

            h1::first-letter {
                font-family: var(--AccentFont);
                font-weight: 400;
                text-transform: capitalize;
                font-size: 1.5em;
            }

            /* -- 2nd Heading */
            h2 {
                font-size: 1.8em;
            }

            /* -- 3rd Heading */
            h3 {
                font-size: 1.6em;
            }

            /* -- 4th Heading */
            h4 {
                font-size: 1.4em;
            }

            /* -- 5th Heading */
            h5 {
                font-size: 1.2em;
            }

            /* -- 6th Heading */
            h6 {
                font-size: 1em;
            }

            /* ––– LEFT SIDE ––– */
            aside {
                width: 50vw;
                height: 100vh;
                position: fixed;
                top: 0;
                left: 0;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            /* Decorative Text */
            /* -- container */
            .deco-text {   
                font-size: 40px;
                max-width: 35vw;
                position: fixed;
             
            }

            /* -- top left */
            .dt1 {
                top: 3em;
                left: 3em; 
                text-align: left;
            }

            /* -- top right */
            .dt2 {
                bottom: 3em;
                left: 25vw;
                text-align: right;
            }

            /* -- actual text */
            .deco-text span {
                text-transform: uppercase;
                font-family: var(--DecorFont);
                font-size: calc(1em - 4px);
                color: var(--DecorText);
            }

            /* Big Letter + Flower/Plant */
            #letter {
                font-family: var(--AccentFont);
                font-size: 15em;
                font-weight: 400;
            }

            /* ––– RIGHT SIDE ––– */
            main {
                width: calc(50vw - 8em);
                padding: 2em 4em; line-height: 40px;
                margin-left: 50vw;
            }

                     /* Navigation Links */
            /* -- normal state */
            a.nav, .nav, button.nav {
                color: var(--Links);
                font-size: calc(1em - 2px);
            }

            /* -- hover state */
            a.nav:hover, .nav:hover, button.nav:hover {
                color: var(--Text);
                transform: scale(1.1);
                cursor: pointer;
            }

            /* -- transitions */
            a.nav, .nav, button.nav, a.nav:hover, .nav:hover,
            button.nav:hover {
                border-bottom: none;
                transition: 0.5s;
                -moz-transition: 0.5s;
                -o-transition: 0.5s;
                -webkit-transition: 0.5s;
            }

            /* Page Credit */
            /* don't delete, alter, or move */
            #credit {
                position: fixed;
                bottom: 1em;
                left: 1em;
            }

            /* Return Home (to blog) */
            #home {
                position: fixed;
                top: 1em;
                left: 1em;
            }

            /* Scroll To Top */
            #top {
                position: fixed;
                bottom: 1em;
                right: 1em;
            }

            /* Dark Mode Toggle */
            button#theme-toggle {
                outline: none;
                border: 0;
                padding: 0;
                cursor: pointer;
                position: fixed;
                top: 1em;
                right: 1em;
                background-color: transparent;
            }

            /* -- activate light mode */
            .light-on {
                display: var(--LightOn);
            }

            /* -- activate dark mode */
            .light-off {
                display: var(--LightOff);
            }

         

                          /* Scroll to the top button */
                #top {
                    display: none!important;
                    z-index: -999999999!important;
                }

                /* Main Container */
                main {
                    width: 800px;
                    margin-right: 10px;
                    margin-bottom: 10vh;
                }


         
.oscar {
  position: absolute;
  bottom: 0px;
  width: 50%;
}