header:where(.astro-HPNW4VWY){position:sticky;top:0;background-color:var(--bg-color);z-index:10}header:where(.astro-HPNW4VWY).stuck{box-shadow:0 2px 10px var(--shadow-color)}.header-box:where(.astro-HPNW4VWY){display:flex;justify-content:space-between}.container{padding:20px 15px;max-width:900px;margin-left:auto;margin-right:auto}.blogs{margin-top:60px;padding-right:23px}.blogs .blog{background-color:var(--element-bg);display:flex;padding:25px 0;margin-bottom:36px;box-shadow:0 2px 10px #0000001a;border-radius:4px;position:relative}.blogs .blog .content-wrapper{display:flex;flex:1;padding-left:25px}.blogs .blog .serial{flex:0 0 50px;margin-right:25px;font-size:26px;color:var(--bg-color);position:absolute;background:var(--primary-color);top:-5px;right:0;padding:0 10px;border-radius:4px;z-index:1;box-shadow:0 2px 10px #0003}.blogs .blog .details{flex:1}.blogs .blog .blog-title{font-size:24px;font-weight:600;color:var(--accent-color);margin-bottom:10px}.blogs .blog .blog-description{font-size:14px;font-weight:300;color:var(--font-color);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blogs .blog .image-wrapper{flex:0 0 150px;height:110px;margin-left:65px;margin-right:25px;transform:scale(1.6);border-radius:2px;overflow:hidden;box-shadow:0 2px 10px #0003}@media (max-width: 600px){.blogs .blog .image-wrapper{box-shadow:none}}.container h1,.container h2,.container h3,.container h4,.container h5,.container h6{color:var(--accent-color);margin-top:60px}.container h1{margin-top:20px}.blog ul{padding-left:18px}.blog ul li{margin-bottom:15px}.blog ul li:last-child{margin-bottom:0}.gap{padding:30px 0}.about-me{display:flex;margin-top:100px;margin-bottom:200px}.about-me .home-content{margin-bottom:0;margin-left:30px;max-width:400px}.source{font-size:10px;font-style:italic;margin-bottom:30px;display:block;text-align:center}@media (max-width: 600px){.blogs{padding-right:0}.blogs .blog{flex-direction:column-reverse;margin-bottom:36px}.blogs .blog .content-wrapper{flex-direction:column;padding:0 15px}.blogs .blog .serial{top:-15px}.blogs .blog .image-wrapper{flex:1 0 100%;height:200px;margin-left:0;margin-right:0;margin-bottom:15px;transform:scale(1);border-radius:4px 4px 0 0}.container h1,.container h2,.container h3,.container h4,.container h5,.container h6{margin-top:40px}}:root{--primary-color: #555;--secondary-color: #fafafa;--font-color: #111;--bg-color: #fff;--bg-color-rgb: 255, 255, 255;--element-bg: #fff;--heading-color: #292922;--accent-color: #f00;--shadow-color: rgba(0, 0, 0, .2);--image-placeholder-color: #cad2e9;--image-filter: opacity(.2);--image-cover-shadow: 0 0 40px white}@media (prefers-color-scheme: dark){:root{--primary-color: #aaa;--secondary-color: #222;--font-color: #ddd;--bg-color: #111;--bg-color-rgb: 17, 17, 23;--element-bg: #1c1c1c;--heading-color: #818cab;--accent-color: #ff7272;--shadow-color: rgba(0, 0, 0, .4);--image-placeholder-color: #262e45;--image-filter: opacity(.1);--image-cover-shadow: 0 0 40px black}}*{box-sizing:border-box}body{font-family:Roboto Slab,Arial,Helvetica,sans-serif;margin:0;font-weight:300;background-color:var(--bg-color);color:var(--font-color);line-height:1.5}p{font-weight:350;letter-spacing:.4px}a{color:var(--font-color);text-decoration:none}a:not(.no-link-color){position:relative;text-decoration:none}a:not(.no-link-color):after{content:"";position:absolute;left:50%;top:95%;transform:translate(-50%);border-bottom:1px solid var(--accent-color);width:90%}.block{display:block}.links{white-space:nowrap;overflow:hidden;padding:0;margin:0}.links>*{display:inline-block}.divider{margin:0 15px;display:inline-block}.blog-image{width:100%;height:100%;object-fit:cover;object-position:center;background-color:var(--element-bg)}.blog-image.smaller{background-color:transparent}.blog-image.inline{height:24px;width:24px}.rainbow{-webkit-animation:rainbow 2s steps(36) infinite}.text-flipper{position:relative}.text-flipper span{cursor:help}.text-flipper div{display:none;padding:8px}.text-flipper:hover div{display:block;position:absolute;bottom:100%;left:0;white-space:nowrap;background-color:var(--bg-color);color:var(--font-color);box-shadow:0 0 40px var(--shadow-color);filter:contrast(1.2);border-radius:4px}.text-flipper:hover div i{padding:0 12px}.text-flipper:hover div i:not(:last-child){border-right:1px solid var(--font-color)}@-webkit-keyframes rainbow{0%{-webkit-filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(360deg)}}@keyframes rainbow{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-VF.ttf) format("truetype-variations");font-weight:100;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-VF.ttf) format("truetype-variations");font-weight:200;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-VF.ttf) format("truetype-variations");font-weight:300;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-VF.ttf) format("truetype-variations");font-weight:350;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-VF.ttf) format("truetype-variations");font-weight:400;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-VF.ttf) format("truetype-variations");font-weight:500;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-VF.ttf) format("truetype-variations");font-weight:600;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-VF.ttf) format("truetype-variations");font-weight:700;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-VF.ttf) format("truetype-variations");font-weight:800;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-VF.ttf) format("truetype-variations");font-weight:900;font-display:swap}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab.ttf) format("truetype-variations");font-weight:100;font-display:swap}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab.ttf) format("truetype-variations");font-weight:200;font-display:swap}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab.ttf) format("truetype-variations");font-weight:300;font-display:swap}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab.ttf) format("truetype-variations");font-weight:350;font-display:swap}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab.ttf) format("truetype-variations");font-weight:400;font-display:swap}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab.ttf) format("truetype-variations");font-weight:500;font-display:swap}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab.ttf) format("truetype-variations");font-weight:600;font-display:swap}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab.ttf) format("truetype-variations");font-weight:700;font-display:swap}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab.ttf) format("truetype-variations");font-weight:800;font-display:swap}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab.ttf) format("truetype-variations");font-weight:900;font-display:swap}.shiki{padding:16px;overflow-x:auto}.shiki .language-id{display:none}code{background-color:var(--secondary-color);padding:4px;border-radius:4px}.shiki code{padding:0}ol{padding-left:15px}ol li::marker{color:var(--accent-color);font-weight:700}blockquote{background-color:var(--secondary-color);margin:0;padding:16px;gap:8px;border-radius:4px}blockquote p{margin:0}