@font-face {  font-family: 'La Belle Aurore';  font-style: normal;  font-display: swap;  font-weight: 400;  src: url('../fonts/labelleaurore-regular.woff2') format('woff'); }@font-face {  font-family: 'Great Vibes';  font-style: normal;  font-display: swap;  font-weight: 400;  src: url('../fonts/greatvibes-regular.woff2') format('woff'); }@font-face {  font-family: 'MeieScriptRegular';  font-style: normal;  font-display: swap;  font-weight: 400;  src: url('../fonts/meiescript-regular.woff') format('woff'); }@font-face {  font-family: 'PlaywriteDESASLight';  font-style: normal;  font-display: swap;  font-weight: 400;  src: url('../fonts/Playwritedesas-light.woff') format('woff'); }@font-face {  font-family: 'PlaywriteDESAS';  font-style: normal;  font-display: swap;  font-weight: 400;  src: url('../fonts/playwritedesas-variableFont_wght.woff2') format('woff'); }html {    scroll-behavior: auto; }.navbar-item-music{    font-size: 2.25em;    position: relative;    top:-20px;    color: var(--primary-green);}    a {        text-decoration: none;        transition: 0.25s color;        color: var(--accent-color);    }    a:hover{                    color: var(--text-color-hover);     }    :root {        --player-bg: rgba(40, 40, 40, 0.7);        --tray-bg: rgba(30, 30, 30, 0.95);        --accent: #ff4757;        --glass-border: rgba(105, 104, 104, 0.1);        --poem-color: #555555;         --story-card-border-color: #e3e3e3;        --primary-green: #037e03;        --bg-color: #fdfbf7;         --text-color: #2d3436;         --text-color-hover: #7f90d5;         --accent-gold: #d4af37;        --soft-gold: #f1e5ac;        --card-bg: #1a1a1a;        --text-main: #e0e0e0;        --text-muted: #646363;                    --text-cp-color: #696969;        --accent-color: #146486;        --header-gradient: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);        --neon-pink: #ff0055;        --neon-gold: #ffcc00;        --deep-black: #050505;        --glass-bg: rgba(20, 20, 20, 0.9);        --felt-green: #062b1a;        --receipt-bg: #e6e0d4;     }            [data-theme="dark"] {        --player-bg: rgba(255, 255, 255, 0.7);        --tray-bg: rgba(240, 240, 240, 0.95);        --glass-border: rgba(184, 184, 184, 0.1);        --poem-color: #fdfaf6;         --story-card-border-color: #545454;        --bg-color: linear-gradient(145deg, #1e1e1e, #161616);         --text-muted: #999;        --text-color: #e0e0e0;         --accent-color: #a29bfe;        --header-gradient: linear-gradient(135deg, #2d3436 0%, #000000 100%);    }    body { font-family: 'Georgia', serif; line-height: 1.9; background: var(--bg-color); color: var(--text-color); margin: 0; transition: 0.3s; }   .dark-toggle { position: fixed; bottom: 10px; right: 10px; cursor: pointer; background: var(--accent-color); color: white; border: none; padding: 10px; border-radius: 50%; }    nav {        display: flex;        justify-content: center;        gap: 20px;        padding: 20px;    }    nav a {        text-decoration: none;        color: var(--accent-color);        font-weight: bold;    }    .container {        max-width: 800px;        margin: 0 auto;        padding: 40px 20px;    }    .story-entry {        background: var(--card-bg);        padding: 30px;        border-radius: 12px;        box-shadow: 0 10px 30px rgba(0,0,0,0.05);        margin-bottom: 40px;    }    .read-more {        color: var(--accent-color);        text-decoration: none;        font-weight: bold;        font-size: 0.9rem;    }    .blog-img {        max-width: 740px;        margin: 0 auto;        height: 50vh;        background-size: cover;        background-position: center;    }    .dark-mode-toggle {        z-index: 10000;        position: fixed;        bottom: 20px;        right: 20px;        cursor: pointer;        padding: 10px;        border-radius: 50%;        background: var(--accent-color);        color: white;        border: none;    }    footer {        margin-top: 100px;        padding: 50px 20px;        background: var(--bg-color);        text-align: center;        border-top: 1px solid #ddd;    }    .footer-links {        display: flex;        justify-content: center;        gap: 30px;        font-size: 0.9em;    }    @media (max-width: 600px) {        header.jumbo { padding: 40px 20px; }        .footer-links { flex-direction: column; gap: 10px; }        .story-entry {            margin-top:10px;            padding-left: 3px;            padding-right: 3px;            margin-bottom: 20px;        }        .blog-img {            margin-top:5px;            height: 85vh;            width: 100%;        }    }