:root{--body-font: "Source Serif 4", monospace;--button-background: #4258ff;--tag-background: #0288d1}[data-theme=dark]{--rosewater: #f5e0dc;--pink: #f5c2e7;--mauve: #cba6f7;--red: #f38ba8;--peach: #fab387;--yellow: #f9e2af;--green: #a6e3a1;--teal: #94e2d5;--sky: ##89dceb;--sapphire: #74c7ec;--blue: #89b4fa;--lavender: #b4befe;--base: #1e1e2e;--crust: #11111b;--overlay: #313244;--background: #0e1217;--text: #ffffff;--subtext-0: #a6adc8;--nav-logo: var(--teal);--text-link-hover: var(--mauve);--text-link-hover-2: var(--red);--text-link-hover-3: var(--blue);--menu-link-hover: var(--mauve);--card-background: #24292e;--card-border: #272c34;--card-hover: var(--overlay)}[data-theme=light]{--rosewater: #dc8a78;--pink: #ea76cb;--mauve: #8839ef;--red: #d20f39;--peach: #fe640b;--yellow: #df8e1d;--green: #40a02b;--teal: #179299;--sky: ##04a5e5;--sapphire: #209fb5;--blue: #1e66f5;--lavender: #7287fd;--base: #eff1f5;--crust: #dce0e8;--overlay: #9ca0b0;--background: #eff1f5;--text: rgb(48, 48, 58);--subtext-0: #6c6f85;--nav-logo: var(--teal);--text-link-hover: var(--mauve);--text-link-hover-2: var(--red);--text-link-hover-3: var(--blue);--menu-link-hover: var(--mauve);--card-background: #f1f1f1;--card-border: var(--crust);--card-hover: rgb(20, 20, 20)}[data-theme] html{font-family:var(--body-font)}body{color:var(--text);background-color:var(--background);margin:0 auto;width:100%;max-width:80ch;padding:1rem;line-height:1.5;font-weight:400;font-size:1.05rem}*{box-sizing:border-box}a{text-decoration:none;color:var(--text)}h1{font-size:2.2rem;margin:1rem 0;font-weight:900}h2{font-size:1.8rem;font-weight:800}h3{font-weight:700}h4{font-weight:600}.nav-bar{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;padding-bottom:20px;border-bottom:2px solid var(--border-color);ul{list-style:none}}.nav-logo{font-size:1.2rem;a{color:var(--nav-logo);font-weight:700;font-family:Poppins,sans-serif}a:hover{color:var(--text-link-hover-2)}}.nav-menu{display:flex;margin-left:auto}.nav-list{display:flex;column-gap:1.5rem;font-weight:600;font-size:1.1rem;a{display:flex;align-items:center;column-gap:2px;justify-content:center}a:hover{color:var(--menu-link-hover)}a i{font-size:1.4rem;margin-right:3px;margin-top:1px}}.theme-toggle{display:flex;align-items:center;i{font-size:1.3rem;margin-right:3px;margin-top:3px}span{display:none}background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;:hover{color:var(--yellow)}}.nav-toggle,.nav-close{display:none}.nav-toggle,.nav-close{font-size:1.2rem;cursor:pointer}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.pagination-button{display:inline-block;font-size:16px;color:var(--text);background-color:var(--background);border:0;font-size:14px}.pagination-button:hover{cursor:pointer;color:var(--text-link-hover)}.pagination-button.active{color:var(--text-link-hover-3);cursor:default}.pagination-button.disabled,.pagination-number.disabled{color:var(--subtext-0);cursor:not-allowed;pointer-events:none}.pagination-ellipsis{display:inline-block;padding:4px 6px;font-size:16px;color:#aaa;cursor:default}.footer{margin-top:3rem;display:flex;flex-direction:column;align-items:center;border-top:2px solid var(--border-color);font-size:.8rem;text-align:center;a:hover{color:var(--text-link-hover)}}.footer-icons{display:flex;column-gap:20px;font-size:1.1rem}@media screen and (max-width: 850px){body{max-width:60ch}.theme-toggle{i{margin-top:1px}span{display:flex}}.nav-toggle{font-size:1.5rem;display:inline;margin-left:auto}.nav-close{display:inline;font-size:1.5rem}.nav-menu{position:fixed;right:100%;width:100%;transition:.1s}.nav-list{flex-direction:column;row-gap:1.5rem;text-align:end;align-items:flex-end;margin-right:1rem;width:100%}.show-menu{background-color:var(--crust);top:0;right:0;z-index:1}.nav-logo{z-index:2}}@media screen and (max-width: 570px){body{max-width:50ch}}@media screen and (max-width: 370px){body{max-width:250px}}.blog-content{a{color:var(--text-link-hover-3)}a:hover{color:var(--text-link-hover)}}img{max-width:100%}.blog-date{color:var(--subtext-0);display:flex;align-items:center;i{font-size:1.3rem;margin-right:3px;margin-top:2px}}.blog-image-overview{display:flex;align-items:center;padding:1rem;margin:5px auto;img{border-radius:.8rem;margin:1rem auto 0;min-width:90%;max-height:400px}}pre{padding:1rem;border-radius:.25rem}