2 lines
10 KiB
CSS
2 lines
10 KiB
CSS
@font-face{font-family:"Inter";font-weight:normal;src:url("/static/fonts/InterVariable.woff2") format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:"Geist";font-display:swap;font-style:normal;font-weight:normal;src:url("/static/fonts/Geist.ttf")}@font-face{font-family:"GeistMono";font-display:swap;font-style:normal;font-weight:normal;src:url("/static/fonts/GeistMono.ttf")}.blog-layout{max-width:70rem;margin-left:auto;margin-right:auto;padding:0 4% 0 4%;color:var(--c-gray1)}.post-content-container{width:100%;word-wrap:break-word;font-size:18px}.post-content-container h1{border-left:2px solid #fff;padding-left:15px;color:var()}.post-content-container h2{border-left:2px solid #fff;padding-left:15px;color:var()}.post-content-container h3,.post-content-container h4{border-left:2px solid #fff;padding-left:15px;color:var()}.post-content-container a{text-decoration:none;color:#fff;background-color:#1b1b1f;border-radius:.5rem;font-size:15px;border:1px solid #2d2d35;padding:1px 5px}.post-content-container a:hover{color:var()}.post-content-container p,.post-content-container li{font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased}.post-content-container p code{text-decoration:none;color:var();background-color:#1b1b1f;border-radius:.5rem;border:1px solid #222227;padding:1px 5px}.code-block{margin:20px 0;display:grid;border-radius:.5rem;border:1px solid #37373d;background-color:#1b1b1f;box-shadow:rgba(0,0,0,.16) 0px 1px 4px}.code-block .code-block-header{height:15px;display:flex;margin:0;justify-content:end}.code-block .language-name{color:#e6e6e6;margin-top:5px;margin-right:10px;font-size:13px}.code-block pre.aero{overflow-y:auto;overflow-x:auto;padding:10px 15px;display:flex;margin-top:0;border-top:none;overflow:auto}.code-block pre.aero::-webkit-scrollbar-track{border-radius:10px;background-color:rgba(0,0,0,0)}.code-block pre.aero::-webkit-scrollbar{height:6px;background-color:rgba(0,0,0,0)}.code-block pre.aero::-webkit-scrollbar-thumb{border-radius:.25rem;background-color:#5b5c5c}.code-block .aero code{font-family:"GeistMono",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;font-size:14px;font-weight:500;line-height:20px;border-radius:.25rem;white-space:pre}:root{--clr-html-bg: #111111;--clr-body: #ffffff;--clr-logo: #db8449;--clr-scrollbar-thumb: #ffffff;--clr-page-title: #db8449;--clr-home-title: #db8449;--clr-sec-border-pri: #db8449;--clr-sec-border-sec: #db8449;--clr-sec-border-ter: #db8449;--clr-listing-border: #ffffff;--clr-listing-border-feat: #ffffff;--clr-post-cat: #ffffff;--clr-post-cat-feat: #ffffff;--clr-post-title: #db8449;--clr-post-title-hover: #ffffff;--clr-post-title-hover-feat: #ffffff;--clr-post-cat-border-feat: rgba(219, 132, 73, 0.35);--clr-post-skill-border-feat: rgba(219, 132, 73, 0.35);--clr-post-date: #ffffff;--clr-post-date-feat: #ffffff;--clr-post-snippet: #ffffff;--clr-post-views: #db8449;--clr-nav-link: #ffffff;--clr-nav-link-hover: #db8449;--clr-nav-link-active: #db8449}:root.red{--clr-logo: #ff5050;--clr-home-title: #ff5050;--clr-page-title: #ff5050;--clr-sec-border-pri: #ff5050;--clr-sec-border-sec: #ff5050;--clr-sec-border-ter: #ff5050;--clr-post-cat-feat: #ff5050;--clr-post-title: #ff5050;--clr-post-cat-border-feat: rgba(255, 80, 80, 0.35);--clr-post-skill-border-feat: rgba(255, 80, 80, 0.35);--clr-post-views: #ff5050;--clr-nav-link-hover: #ff5050;--clr-nav-link-active: #ff5050}:root.orange{--clr-logo: #db8449;--clr-home-title: #db8449;--clr-page-title: #db8449;--clr-sec-border-pri: #db8449;--clr-sec-border-sec: #db8449;--clr-sec-border-ter: #db8449;--clr-post-cat-feat: #db8449;--clr-post-title: #db8449;--clr-post-cat-border-feat: rgba(219, 132, 73, 0.35);--clr-post-skill-border-feat: rgba(219, 132, 73, 0.35);--clr-post-views: #db8449;--clr-nav-link-hover: #db8449;--clr-nav-link-active: #db8449}:root.yellow{--clr-logo: #eaec45;--clr-home-title: #eaec45;--clr-page-title: #eaec45;--clr-sec-border-pri: #eaec45;--clr-sec-border-sec: #eaec45;--clr-sec-border-ter: #eaec45;--clr-post-cat-feat: #eaec45;--clr-post-title: #eaec45;--clr-post-cat-border-feat: rgba(234, 236, 69, 0.35);--clr-post-skill-border-feat: rgba(234, 236, 69, 0.35);--clr-post-views: #eaec45;--clr-nav-link-hover: #eaec45;--clr-nav-link-active: #eaec45}:root.green{--clr-logo: #59df55;--clr-home-title: #59df55;--clr-page-title: #59df55;--clr-sec-border-pri: #59df55;--clr-sec-border-sec: #59df55;--clr-sec-border-ter: #59df55;--clr-post-cat-feat: #59df55;--clr-post-title: #59df55;--clr-post-cat-border-feat: rgba(89, 223, 85, 0.35);--clr-post-skill-border-feat: rgba(89, 223, 85, 0.35);--clr-post-views: #59df55;--clr-nav-link-hover: #59df55;--clr-nav-link-active: #59df55}:root.blue{--clr-logo: #2f91e0;--clr-home-title: #2f91e0;--clr-page-title: #2f91e0;--clr-sec-border-pri: #2f91e0;--clr-sec-border-sec: #2f91e0;--clr-sec-border-ter: #2f91e0;--clr-post-cat-feat: #2f91e0;--clr-post-title: #2f91e0;--clr-post-cat-border-feat: rgba(47, 145, 224, 0.35);--clr-post-skill-border-feat: rgba(47, 145, 224, 0.35);--clr-post-views: #2f91e0;--clr-nav-link-hover: #2f91e0;--clr-nav-link-active: #2f91e0}:root.purple{--clr-logo: #a245ee;--clr-home-title: #a245ee;--clr-page-title: #a245ee;--clr-sec-border-pri: #a245ee;--clr-sec-border-sec: #a245ee;--clr-sec-border-ter: #a245ee;--clr-post-cat-feat: #a245ee;--clr-post-title: #a245ee;--clr-post-cat-border-feat: rgba(162, 69, 238, 0.35);--clr-post-skill-border-feat: rgba(162, 69, 238, 0.35);--clr-post-views: #a245ee;--clr-nav-link-hover: #a245ee;--clr-nav-link-active: #a245ee}:root.pink{--clr-logo: #ff69b4;--clr-home-title: #ff69b4;--clr-page-title: #ff69b4;--clr-sec-border-pri: #ff69b4;--clr-sec-border-sec: #ff69b4;--clr-sec-border-ter: #ff69b4;--clr-post-cat-feat: #ff69b4;--clr-post-title: #ff69b4;--clr-post-cat-border-feat: rgba(255, 105, 180, 0.35);--clr-post-skill-border-feat: rgba(255, 105, 180, 0.35);--clr-post-views: #ff69b4;--clr-nav-link-hover: #ff69b4;--clr-nav-link-active: #ff69b4}*,*:before,*:after{box-sizing:border-box}html{background-color:var(--clr-html-bg);font-family:"Inter","Helvetica",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";-webkit-font-smoothing:antialiased}body{min-height:100vh;color:var(--clr-body);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:.35rem}::-webkit-scrollbar,::-webkit-scrollbar-track{background:#0d0d0d}::-webkit-scrollbar-thumb{background:var(--clr-scrollbar-thumb)}.dev-bar{padding-top:10px;display:flex;justify-content:center}.dev-container{display:flex;max-width:fit-content;background-color:rgba(150,69,22,.3294117647);padding:3px 20px;font-size:14px;border:1px solid #f7b155;border-radius:.25rem;align-items:center}.dev-container p{line-height:1;font-weight:bold;margin:0;padding:0 20px}header{padding-top:30px;margin-bottom:25px}.header-logo{user-select:none;display:grid;justify-items:center;padding-bottom:15px;align-items:center}.header-logo #symbol{fill:var(--clr-logo);width:50px;height:auto}.nav-container .nav{display:grid}.nav-container .nav .nav-links{user-select:none;display:flex;justify-self:center}.nav-container .nav .nav-logo-container{display:grid}.nav-container .nav .link{text-decoration:none;text-transform:none;color:var(--clr-nav-link);font-size:15px;font-weight:500}.nav-container .nav .link:not(:last-child){margin-right:18px}.nav-container .nav .link:hover{color:var(--clr-nav-link-hover)}.nav-container .nav .link.active{color:var(--clr-nav-link-active)}.main-layout{max-width:48rem;margin-left:auto;margin-right:auto;padding:0 4% 0 4%}.page-title-box{margin-bottom:15px}.page-title-box h3{font-size:22px;margin:0;color:var(--clr-page-title)}.page-title-box+h4{padding:0;margin:0}.home-info-box{margin-bottom:20px}.home-info-box h4{margin:0;font-size:16px;margin-bottom:12px}.home-info-box p{padding:0;padding-left:15px;line-height:1.5;margin:0}.post-list-featured{margin-bottom:20px}.post-list-featured h4{font-size:16px;margin:0;margin-bottom:15px;color:var()}.post-list-non-featured{margin-bottom:20px}.post-list-non-featured h4{font-size:16px;letter-spacing:.03rem;margin:0;margin-bottom:17px;color:var()}.post-list-box{margin-bottom:20px}.post-list{display:grid;list-style-type:none;padding:0;margin:0}.post-list .post-listing{padding-left:15px;line-height:1}.post-list .post-listing:not(:last-child){margin-bottom:30px}.post-list .post-listing.featured .post-listing-categories .post-listing-category{border:1px solid var(--clr-post-cat-border-feat)}.post-list .post-listing.featured .post-listing-skills svg{border:1px solid var(--clr-post-skill-border-feat)}.post-list .post-listing.featured .post-listing-header .post-listing-title:hover{color:var(--clr-post-title-hover-feat)}.post-list .post-listing.featured .post-listing-header .post-listing-date{color:var(--clr-post-date-feat)}.post-list .post-listing .post-listing-header{display:grid}.post-list .post-listing .post-listing-header .post-listing-anchor{text-decoration:none;width:fit-content}.post-list .post-listing .post-listing-header .post-listing-title{color:var(--clr-post-title);font-weight:500;font-size:21px;margin:0;margin-bottom:6px}.post-list .post-listing .post-listing-header .post-listing-title:hover{color:var(--clr-post-title-hover)}.post-list .post-listing .post-listing-header .post-listing-info-box{display:flex;margin-bottom:7px}.post-list .post-listing .post-listing-header .post-listing-date{font-size:13px;color:var(--clr-post-date);margin:0}.post-list .post-listing .post-listing-header .post-listing-views{font-size:13px;width:30px;color:var(--clr-post-views);animation:fadeIn 1s}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.post-list .post-listing .post-listing-header .post-listing-views-suffix{font-size:13px}.post-list .post-listing .post-listing-header .post-listing-snippet{padding-left:5px;color:var(--clr-post-snippet);margin:0;margin-bottom:10px;line-height:1.3;font-size:14px}.post-list .post-listing .post-listing-categories{margin-bottom:7px;display:flex;flex-wrap:wrap;gap:7px}.post-list .post-listing .post-listing-categories .post-listing-category{color:var(--clr-post-cat);background-color:#1a1b20;border-radius:.35rem;font-size:12px;border:1px solid #464853;padding:3px 7px}.post-list .post-listing .post-listing-skills{display:flex;flex-wrap:wrap;gap:7px}.post-list .post-listing .post-listing-skills svg{height:20px;width:20px;border-radius:.35rem;border:1px solid #464853}
|