: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}}.post-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.post-card{border-radius:.8rem;box-shadow:0 .5rem 1rem #00000026;background-color:var(--card-background);border:1px solid var(--card-border)}.post-card:hover{box-shadow:0 .2rem .2rem var(--card-hover)}.post-card img{width:100%;height:200px;border-radius:.8rem .8rem 0 0}.post-card-content{display:flex;flex-direction:column;text-align:center;margin:0 .9rem}.post-card-title{text-align:center;margin:10px auto 0;font-size:1.3rem}.post-card-date{margin-top:5px;font-size:small}.post-card-description{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;height:6rem;display:flex}.post-card-description p{margin:auto}.post-card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;justify-content:center;margin-top:10px;span{font-size:.8rem;padding:.5rem;border-radius:.5rem;background-color:var(--tag-background);color:#fff}span:hover{background-color:var(--text-link-hover-2)}}.post-card-button{margin:0 auto 20px;background-color:var(--button-background);padding:.75rem 1rem;line-height:1;border-radius:.8rem;font-size:.8rem;a{color:#fff}}.post-card-button:hover{background-color:var(--lavender);a{color:#000}}.view-all-posts{display:flex;a{margin:20px auto 0;background-color:var(--button-background);padding:.75rem 1rem;line-height:1;border-radius:.8rem;font-size:.8rem;color:#fff}a:hover{background-color:var(--text-link-hover);color:var(--crust)}}@media screen and (max-width: 800px){.post-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width: 500px){.post-cards{grid-template-columns:repeat(1,minmax(0,1fr))}}