@font-face{font-family:Inter Light;src:url(/blog/assets/Inter_28pt-Light-BhUtvXxk.ttf)}@font-face{font-family:Inter Regular;src:url(/blog/assets/Inter_28pt-Regular-Dou9gfMK.ttf)}@font-face{font-family:Inter Italic;src:url(/blog/assets/Inter_28pt-Italic-y6LumYKu.ttf)}@font-face{font-family:Inter Medium;src:url(/blog/assets/Inter_28pt-Medium-Bf4RgI7V.ttf)}@font-face{font-family:Inter Bold;src:url(/blog/assets/Inter_28pt-Bold-Bvb2Ms9Y.ttf)}@font-face{font-family:Inter Extra Bold;src:url(/blog/assets/Inter_28pt-ExtraBold-CH2I3-2X.ttf)}@font-face{font-family:Inter Extra Bold Italic;src:url(/blog/assets/Inter_28pt-ExtraBoldItalic-Bjv5Vv0K.ttf)}@font-face{font-family:Inter Bold Italic;src:url(/blog/assets/Inter_28pt-BoldItalic-CtkdjN8B.ttf)}@font-face{font-family:PT Regular;src:url(/blog/assets/PTSerifCaption-Regular-CNskxAnh.ttf)}@font-face{font-family:Bangers Regular;src:url(/blog/assets/Bangers-Regular-1Wog9cMk.ttf)}@font-face{font-family:Merriweather Sans Regular;src:url(/blog/assets/MerriweatherSans-Regular-DGwYQUjB.ttf)}@font-face{font-family:Merriweather Sans Light;src:url(/blog/assets/MerriweatherSans-Light-BdizcWUf.ttf)}@font-face{font-family:Permanent Marker Regular;src:url(/blog/assets/PermanentMarker-Regular-ClowKQab.ttf)}@keyframes flicker{0%{opacity:1}4%{opacity:.85}6%{opacity:.8}8%{opacity:.9}10%{opacity:.9}11%{opacity:.922}12%{opacity:.85}14%{opacity:.95}16%{opacity:.98}17%{opacity:.9}19%{opacity:.93}20%{opacity:.99}24%{opacity:1}26%{opacity:.9}28%{opacity:.98}37%{opacity:.93}38%{opacity:.5}39%{opacity:.96}42%{opacity:1}44%{opacity:.97}46%{opacity:.94}56%{opacity:.9}58%{opacity:.8}60%{opacity:.99}68%{opacity:1}70%{opacity:.9}72%{opacity:.95}93%{opacity:.83}95%{opacity:.95}97%{opacity:.93}to{opacity:1}}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loader{position:fixed;inset:0;background:var(--background);display:flex;align-items:center;justify-content:center;z-index:10}#loader .spinner{width:5rem;height:5rem;border-radius:50%;display:inline-block;border-top:.3rem solid var(--light-blue-05);border-right:.3rem solid transparent;box-sizing:border-box;animation:rotation .8s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.post{padding:1.6rem 2.2rem 1.6rem 1.25rem;margin-top:1.25rem}@media(max-width:40rem){.post{padding:1.6rem .5rem}}.post p{font-family:var(--body-font-family);font-size:var(--body-font-size);color:var(--body-text-color);text-align:justify;line-height:1.8;letter-spacing:.04rem}.post .tag-separator{font-size:1.4rem;font-family:Permanent Marker Regular;color:var(--body-text-color)}.post .title{font-family:Inter Extra Bold;color:var(--post-title-color);font-size:2.25rem}.post .tag-emoji{font-size:1.3rem}.post .tag{font-family:Permanent Marker Regular;display:inline-block;margin:.5rem 0 2rem;font-size:1.3rem;font-weight:500;border-radius:.5rem;color:var(--tag-color);line-height:.7;opacity:.9}footer{margin-top:5rem;width:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Merriweather Sans Light;font-size:.8rem;border-top:.1rem solid rgba(255,255,255,.1);height:2rem}footer>*{opacity:.8}footer a{color:var(--light-yellow);text-decoration:none}footer a:hover{opacity:1}header{z-index:2;display:flex;align-self:flex-start;flex-direction:row;align-items:center;padding:5rem 0 3rem 1rem;width:clamp(55rem,55rem,55rem)}header .top{display:flex;flex-direction:column}header .top .title{font-family:Bangers Regular;font-size:3.1rem;color:var(--light-blue-09);letter-spacing:.15rem}header .top .subtitle{font-size:.85rem;padding-left:.3rem;font-family:Inter Extra Bold;color:var(--light-yellow);text-transform:uppercase;letter-spacing:.15rem;opacity:1;animation:flicker 4s infinite}header .logo{border:1px solid white;height:6.25rem;border:.25rem solid var(--light-blue-09);border-radius:50%;width:6.25rem;max-width:3.75rem;max-height:3.75rem;margin-right:1.25rem}.logo.rotate{animation:rotate360 .4s linear backwards;transform-origin:center center}.logo #bolt{animation:flicker 5s infinite}.logo .bolt-wrapper{min-width:3.75rem;min-height:3.75rem;filter:drop-shadow(0 0 .2rem #00edfa6e) drop-shadow(0 0 .345rem #00edfa6b) drop-shadow(0 0 .4275rem #00edfa69) drop-shadow(0 0 .55rem #00edfa70)}.logo .bolt-wrapper .top{position:absolute;transform-origin:center;top:19%;left:33%;width:0;height:0;border-left:.9375rem solid transparent;border-bottom:1.384375rem solid #ffff90}.logo .bolt-wrapper .bottom{position:absolute;transform-origin:center;top:46%;right:30%;width:0;height:0;border-right:.9375rem solid transparent;border-top:1.40625rem solid #ffffb4}.post-card{padding:1.6rem 2.2rem 1.6rem 1.25rem;margin-top:1.2rem;border-radius:var(--border-radius);opacity:.9}@media(hover:hover)and (pointer:fine){.post-card:hover{opacity:1;box-shadow:var(--primary-box-shadow)}}@media(max-width:40rem){.post-card{padding:1.6rem .5rem}}.post-card .title{font-family:Inter Extra Bold;font-size:2.25rem;color:#f1f1f1}.post-card p{font-family:Merriweather Sans Light;color:#ececec;text-align:justify;line-height:1.8;letter-spacing:.04rem}.post-card .trim{font-family:Merriweather Sans Light;font-size:var(--body-font-size);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:root{--code-font-size: 1rem;--snippet-border: .1rem solid rgba(255, 255, 255, .2);--snippet-border-radius: .4rem;--snippet-background: rgba(0, 0, 0, .4);--line-padding: .35rem 2rem .35rem 1.5rem;--highlighted-line-background: rgba(255, 255, 255, .1);--highlighted-chars-background: rgba(82, 82, 91, .502);--inline-code-bg-color: rgba(255, 255, 255, .1);--inline-code-padding: 0rem .35rem .15rem .35rem;--inline-code-border: .1rem solid rgba(255, 255, 255, .15);--inline-code-border-radius: .1rem}pre{overflow-x:auto}figure{margin:1.5rem 0 2rem;padding:0;font-size:var(--code-font-size);border-radius:var(--snippet-border-radius);border:var(--snippet-border);background:var(--snippet-background)}p code{padding:var(--inline-code-padding);margin:0;background:var(--inline-code-bg-color);border-radius:var(--inline-code-border-radius);border:var(--inline-code-border)}span[data-highlighted-line]{background:var(--highlighted-line-background)}mark[data-highlighted-chars]{background-color:var(--highlighted-chars-background);border-radius:.25rem;padding:.2rem .5em .3rem;margin:0 .2rem}span[data-line]{padding:var(--line-padding)}code[data-line-numbers]{counter-reset:line}code[data-line-numbers]>[data-line]:before{counter-increment:line;content:counter(line);display:inline-block;width:.75rem;margin-right:1rem;text-align:right;color:#5c5c5ccc}code[data-line-numbers-max-digits="2"]>[data-line]:before{width:1.25rem}code[data-line-numbers-max-digits="3"]>[data-line]:before{width:1.75rem}code[data-line-numbers-max-digits="4"]>[data-line]:before{width:2.25rem}:root{--background: #181e3f;--max-width: 55rem;--neon: #82f9ff;--post-title-color: rgb(241, 241, 241);--body-text-color: #ececec;--light-blue-09: rgba(129, 213, 255, .9);--light-blue-05: rgba(129, 213, 255, .5);--light-blue-02: rgba(129, 213, 255, .2);--light-yellow: #ffffb4;--yellow: #ffff5c;--body-font-family: "Merriweather Sans Light";--body-font-size: 1rem;--border-radius: .5rem;--primary-box-shadow: inset 0 0 0 .1rem var(--light-blue-05);--h1-color: rgb(241, 241, 241);--date-color: rgba(255, 255, 255, .6)}a,a:link,a:visited{text-decoration:none;-webkit-tap-highlight-color:transparent;color:var(--yellow)}html,body{height:100%;margin:0;padding:0}html{background:var(--background)}h1{color:var(--h1-color)}img{width:auto;max-width:100%;border-radius:1rem}section{margin:0 auto}main{align-items:stretch;flex-grow:1;max-width:55rem;display:flex;flex-direction:column}.col-flexbox{display:flex;flex-direction:column;justify-content:space-between;min-height:100%}canvas{position:absolute;top:0;left:0;max-width:100%;height:100%;z-index:-1}svg{max-width:100%;height:auto}.capitalize-first:first-letter{text-transform:capitalize}.date{font-family:Inter Regular;color:var(--date-color);margin-top:.1rem;font-size:.85rem;text-transform:uppercase}@media(max-width:60rem){header{width:clamp(95%,95%,95%)}section{width:clamp(95%,95%,95%)}}