html {
    cursor: url(https://solradguy.neocities.org/favicon/fuuenken.ico), auto;
}

/* Default (actually dark) theme */
:root {
    --togglebutton: #eeddc6;
    --toggletext: #333;
    --foothighlight: #561126;
}

/* Light theme */
.dark-theme {
    --togglebutton: #240202;
    --toggletext: #e2cab8;
    --foothighlight: #f4d446;
}

/* ========== THEME TOGGLE BUTTON STYLING ========== */
#theme-toggle {
    background-color: var(--togglebutton);
    color: var(--toggletext);
    border: 3px solid #333;
    width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    margin: auto 0 auto 1%;
}

.centering {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/*========== Adds a big space after something ==========*/
.bigspace {
    height: 75px;
}

/*========== Resizes an image to make it crisp ==========*/
.pixresize {
    image-rendering: pixelated;
}

/*==========  makes a line to divide shit ==========*/
.dividerline {
    border-bottom: solid 1px;
    color: var(--link-hover);
    width: 90%;
    padding: 1%;
    margin: 3% 0 3% 4%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

/*==========  subsection/subheader text on archive pages ==========*/
.subheader {
    font-family: "Inknut Antiqua", serif;
    text-decoration: none;
    font-size: 15px;
    color: var(--r2n-font-color);
    border: none;
    margin: 2% 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    max-width: 100%;
}

/*==========  special header for archive/library/whatever entries ==========*/
.listentry {
    text-decoration: underline;
    text-decoration-color: var(--link-hover);
}

/*==========  Scrollbox for site blog on Index ==========*/
#blogscroll {
    overflow: scroll;
    height: 500px;
    padding: 2px;
    margin-bottom: 18px
}


.date,
.npf_chat {
    font-size: 13px;
    color: var(--date);
}

.indent {
    text-indent: 20px;
}


.rotate1 {
    display: inline;
    position: relative;
    height: 10px;
    width: 20px;
    padding: 3px;
    border: 1px solid black;
    margin: 36px;
}

.rotate2 {
    display: inline;
    color: var(--link-color);
    font-size: 28px;
    padding: 1px;
    position: absolute;
    border: 1px solid black;
    rotate: z -90deg;
}

.rotate3 {
    display: inline;
    color: var(--link-color);
    font-size: 28px;
    padding: 1px;
    position: absolute;
    border: 1px solid black;
    rotate: z 90deg;
}

/*==========  for the rss icon ==========*/
.feed {
    padding: 0 7px 0 18px;
    background: url("https://solradguy.neocities.org/blog/rss14.png") no-repeat 0 50%;
    background-color: var(--postbackgroundimage);
}

.feedborder {
    border: groove 4px #2e0000;
    border-radius: 13px;
    width: 25%;
    padding: 3px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/*======= TEXT & TABLE DECORATION ==========*/
.indent {
    text-indent: 20px;
    font-size: 14px;
}

.indent-textwall {
    text-indent: 20px;
    font-size: 17px;
}

.textwall {
    font-size: 17px;
}

/*========== 'return to navigation' button styling ==========*/
.return2nav {
    font-family: "Inknut Antiqua", serif;
    text-decoration: none;
    background: var(--r2n-bg-color);
    background: linear-gradient(to right, var(--r2n-bg-gradient-1), var(--r2n-bg-gradient-2));
    box-shadow: 3px 3px 3px var(--r2n-box-shadow);
    font-size: 80%;
    font-weight: bold;
    cursor: pointer;
    color: var(--r2n-font-color);
    padding: 1%;
    border: 1px solid var(--r2n-border-color);
    border-radius: 1px;
    margin: 4% 4%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 70%;
}

.return2nav:hover {
    background-color: var(--r2n-bg-color-hover) !important;
    color: var(--r2n-font-color-hover) !important;
}

.return2nav:visited {
    color: var(--r2n-font-color);
}


/* ========== START FOOTNOTE CODE ========== */
/*Initialiazing a `footnotes` counter on the wrapper*/
article {
    counter-reset: footnotes;
}

/**
   * Inline footnotes references
   * 1. Increment the counter at each new reference
   * 2. Reset link styles to make it appear like regular text
   */
[aria-describedby="footnote-label"] {
    counter-increment: footnotes;
    /* 1 */
    text-decoration: none;
    /* 2 */
    color: inherit;
    /* 2 */
    cursor: default;
    /* 2 */
    outline: none;
    /* 2 */
}

/**
   * Actual numbered references
   * 1. Display the current state of the counter (e.g. `[1]`)
   * 2. Align text as superscript
   * 3. Make the number smaller (since it's superscript)
   * 4. Slightly offset the number from the text
   * 5. Reset link styles on the number to show it's usable
   */
[aria-describedby="footnote-label"]::after {
    content: "["counter(footnotes) "]";
    /* 1 */
    vertical-align: super;
    /* 2 */
    font-size: 0.5em;
    /* 3 */
    margin-left: 2px;
    /* 4 */
    color: var(--link-color);
    /* 5 */
    text-decoration: underline;
    /* 5 */
    cursor: pointer;
    /* 5 */
}

/**
   * Resetting the default focused styles on the number
   */
a[aria-describedby="footnote-label"]:focus::after {
    outline: thin dotted;
    outline-offset: 2px;
}

[aria-label="Back to content"] {
    font-size: 0.8em;
}

/**
 * Highlight target note
 */
footer :target {
    background: var(--foothighlight);
}

/**
 * Visually hidden yet accessible content
 */
.visually-hidden {
    position: absolute;
    clip: rect(0 0 0 0);
    visibility: hidden;
    opacity: 0;
}

/* ========== END FOOTNOTE CODE ========== */

/*======= mobile device code starts here =======*/
@media (max-width: 900px) {

    .date {
        font-size: 13px;
        color: #e36161;
    }

    .bigspace {
        height: 75px;
    }
}