@layer defaults,widgets,overrides;@layer defaults{*{box-sizing:border-box;}:root{ --transition-duration:0.4s;--gap:5px;--gap-medium:10px;--gap-large:12px;--rounding:16px;--hover-opacity:20%;--press-opacity:50%;--page-width:calc(100dvw - var(--navbar-width,0px));--page-height:calc(100dvh - var(--navbar-height,0px));--max-content-width:680px;--base-content-width:min(680px,calc(100dvw - calc(calc(var(--gap-large) * 2) + var(--navbar-width,0))));--content-width:var(--base-content-width);}@media(width < 500px){:root{--navbar-height:65px;--navbar-dir:row;}#navbar{margin-top:calc(100dvh - var(--navbar-height));}.desktop-only{display:none !important;}}@media(width >= 500px){:root{--navbar-width:60px;--navbar-dir:column;}.mobile-only{display:none !important;}}:root{--theme-latte-base:#eff1f5;--theme-latte-mantle:#e6e9ef;--theme-latte-crust:#dce0e8;--theme-latte-overlay-0:#9ca0b0;--theme-latte-surface-0:#ccd0da;--theme-latte-surface-1:#bcc0cc;--theme-latte-text:#4c4f69;--theme-latte-subtext-0:#6c6f85;--theme-latte-subtext-1:#5c5f77;--theme-latte-rosewater:#dc8a78;--theme-latte-flamingo:#dd7878;--theme-latte-pink:#ea76cb;--theme-latte-mauve:#8839ef;--theme-latte-red:#d20f39;--theme-latte-maroon:#e64553;--theme-latte-peach:#fe640b;--theme-latte-yellow:#df8e1d;--theme-latte-green:#40a02b;--theme-latte-teal:#179299;--theme-latte-sky:#04a5e5;--theme-latte-sapphire:#209fb5;--theme-latte-blue:#1e66f5;--theme-latte-lavender:#7287fd;--theme-frappe-base:#303446;--theme-frappe-mantle:#292c3c;--theme-frappe-crust:#232634;--theme-frappe-overlay-0:#737994;--theme-frappe-surface-0:#414559;--theme-frappe-surface-1:#51576d;--theme-frappe-text:#c6d0f5;--theme-frappe-subtext-0:#a5adce;--theme-frappe-subtext-1:#b5bfe2;--theme-frappe-rosewater:#f2d5cf;--theme-frappe-flamingo:#eebebe;--theme-frappe-pink:#f4b8e4;--theme-frappe-mauve:#ca9ee6;--theme-frappe-red:#e78284;--theme-frappe-maroon:#ea999c;--theme-frappe-peach:#ef9f76;--theme-frappe-yellow:#e5c890;--theme-frappe-green:#a6d189;--theme-frappe-teal:#81c8be;--theme-frappe-sky:#99d1db;--theme-frappe-sapphire:#85c1dc;--theme-frappe-blue:#8caaee;--theme-frappe-lavender:#babbf1;--theme-macchiato-base:#24273a;--theme-macchiato-mantle:#1e2030;--theme-macchiato-crust:#181926;--theme-macchiato-overlay-0:#6e738d;--theme-macchiato-surface-0:#363a4f;--theme-macchiato-surface-1:#494d64;--theme-macchiato-text:#cad3f5;--theme-macchiato-subtext-0:#a5adcb;--theme-macchiato-subtext-1:#b8c0e0;--theme-macchiato-rosewater:#f4dbd6;--theme-macchiato-flamingo:#f0c6c6;--theme-macchiato-pink:#f5bde6;--theme-macchiato-mauve:#c6a0f6;--theme-macchiato-red:#ed8796;--theme-macchiato-maroon:#ee99a0;--theme-macchiato-peach:#f5a97f;--theme-macchiato-yellow:#eed49f;--theme-macchiato-green:#a6da95;--theme-macchiato-teal:#8bd5ca;--theme-macchiato-sky:#91d7e3;--theme-macchiato-sapphire:#7dc4e4;--theme-macchiato-blue:#8aadf4;--theme-macchiato-lavender:#b7bdf8;--theme-mocha-base:#1e1e2e;--theme-mocha-mantle:#181825;--theme-mocha-crust:#11111b;--theme-mocha-overlay-0:#6c7086;--theme-mocha-surface-0:#313244;--theme-mocha-surface-1:#45475a;--theme-mocha-text:#cdd6f4;--theme-mocha-subtext-0:#a6adc8;--theme-mocha-subtext-1:#bac2de;--theme-mocha-rosewater:#f5e0dc;--theme-mocha-flamingo:#f2cdcd;--theme-mocha-pink:#f5c2e7;--theme-mocha-mauve:#cba6f7;--theme-mocha-red:#f38ba8;--theme-mocha-maroon:#eba0ac;--theme-mocha-peach:#fab387;--theme-mocha-yellow:#f9e2af;--theme-mocha-green:#a6e3a1;--theme-mocha-teal:#94e2d5;--theme-mocha-sky:#89dceb;--theme-mocha-sapphire:#74c7ec;--theme-mocha-blue:#89b4fa;--theme-mocha-lavender:#b4befe;}:root:has(#catppuccin-latte:checked){--theme-base:var(--theme-latte-base);--theme-mantle:var(--theme-latte-mantle);--theme-crust:var(--theme-latte-crust);--theme-overlay-0:var(--theme-latte-overlay-0);--theme-surface-0:var(--theme-latte-surface-0);--theme-surface-1:var(--theme-latte-surface-1);--theme-text:var(--theme-latte-text);--theme-subtext-0:var(--theme-latte-subtext-0);--theme-subtext-1:var(--theme-latte-subtext-1);--theme-rosewater:var(--theme-latte-rosewater);--theme-flamingo:var(--theme-latte-flamingo);--theme-pink:var(--theme-latte-pink);--theme-mauve:var(--theme-latte-mauve);--theme-red:var(--theme-latte-red);--theme-maroon:var(--theme-latte-maroon);--theme-peach:var(--theme-latte-peach);--theme-yellow:var(--theme-latte-yellow);--theme-green:var(--theme-latte-green);--theme-teal:var(--theme-latte-teal);--theme-sky:var(--theme-latte-sky);--theme-sapphire:var(--theme-latte-sapphire);--theme-blue:var(--theme-latte-blue);--theme-lavender:var(--theme-latte-lavender);}:root:has(#catppuccin-frappe:checked){--theme-base:var(--theme-frappe-base);--theme-mantle:var(--theme-frappe-mantle);--theme-crust:var(--theme-frappe-crust);--theme-overlay-0:var(--theme-frappe-overlay-0);--theme-surface-0:var(--theme-frappe-surface-0);--theme-surface-1:var(--theme-frappe-surface-1);--theme-text:var(--theme-frappe-text);--theme-subtext-0:var(--theme-frappe-subtext-0);--theme-subtext-1:var(--theme-frappe-subtext-1);--theme-rosewater:var(--theme-frappe-rosewater);--theme-flamingo:var(--theme-frappe-flamingo);--theme-pink:var(--theme-frappe-pink);--theme-mauve:var(--theme-frappe-mauve);--theme-red:var(--theme-frappe-red);--theme-maroon:var(--theme-frappe-maroon);--theme-peach:var(--theme-frappe-peach);--theme-yellow:var(--theme-frappe-yellow);--theme-green:var(--theme-frappe-green);--theme-teal:var(--theme-frappe-teal);--theme-sky:var(--theme-frappe-sky);--theme-sapphire:var(--theme-frappe-sapphire);--theme-blue:var(--theme-frappe-blue);--theme-lavender:var(--theme-frappe-lavender);}:root:has(#catppuccin-macchiato:checked){--theme-base:var(--theme-macchiato-base);--theme-mantle:var(--theme-macchiato-mantle);--theme-crust:var(--theme-macchiato-crust);--theme-overlay-0:var(--theme-macchiato-overlay-0);--theme-surface-0:var(--theme-macchiato-surface-0);--theme-surface-1:var(--theme-macchiato-surface-1);--theme-text:var(--theme-macchiato-text);--theme-subtext-0:var(--theme-macchiato-subtext-0);--theme-subtext-1:var(--theme-macchiato-subtext-1);--theme-rosewater:var(--theme-macchiato-rosewater);--theme-flamingo:var(--theme-macchiato-flamingo);--theme-pink:var(--theme-macchiato-pink);--theme-mauve:var(--theme-macchiato-mauve);--theme-red:var(--theme-macchiato-red);--theme-maroon:var(--theme-macchiato-maroon);--theme-peach:var(--theme-macchiato-peach);--theme-yellow:var(--theme-macchiato-yellow);--theme-green:var(--theme-macchiato-green);--theme-teal:var(--theme-macchiato-teal);--theme-sky:var(--theme-macchiato-sky);--theme-sapphire:var(--theme-macchiato-sapphire);--theme-blue:var(--theme-macchiato-blue);--theme-lavender:var(--theme-macchiato-lavender);}:root:has(#catppuccin-mocha:checked){--theme-base:var(--theme-mocha-base);--theme-mantle:var(--theme-mocha-mantle);--theme-crust:var(--theme-mocha-crust);--theme-overlay-0:var(--theme-mocha-overlay-0);--theme-surface-0:var(--theme-mocha-surface-0);--theme-surface-1:var(--theme-mocha-surface-1);--theme-text:var(--theme-mocha-text);--theme-subtext-0:var(--theme-mocha-subtext-0);--theme-subtext-1:var(--theme-mocha-subtext-1);--theme-rosewater:var(--theme-mocha-rosewater);--theme-flamingo:var(--theme-mocha-flamingo);--theme-pink:var(--theme-mocha-pink);--theme-mauve:var(--theme-mocha-mauve);--theme-red:var(--theme-mocha-red);--theme-maroon:var(--theme-mocha-maroon);--theme-peach:var(--theme-mocha-peach);--theme-yellow:var(--theme-mocha-yellow);--theme-green:var(--theme-mocha-green);--theme-teal:var(--theme-mocha-teal);--theme-sky:var(--theme-mocha-sky);--theme-sapphire:var(--theme-mocha-sapphire);--theme-blue:var(--theme-mocha-blue);--theme-lavender:var(--theme-mocha-lavender);}:root:has(#accent-rosewater:checked){--theme-accent:var(--theme-rosewater);}:root:has(#accent-flamingo:checked){--theme-accent:var(--theme-flamingo);}:root:has(#accent-pink:checked){--theme-accent:var(--theme-pink);}:root:has(#accent-mauve:checked){--theme-accent:var(--theme-mauve);}:root:has(#accent-red:checked){--theme-accent:var(--theme-red);}:root:has(#accent-maroon:checked){--theme-accent:var(--theme-maroon);}:root:has(#accent-peach:checked){--theme-accent:var(--theme-peach);}:root:has(#accent-yellow:checked){--theme-accent:var(--theme-yellow);}:root:has(#accent-green:checked){--theme-accent:var(--theme-green);}:root:has(#accent-teal:checked){--theme-accent:var(--theme-teal);}:root:has(#accent-sky:checked){--theme-accent:var(--theme-sky);}:root:has(#accent-sapphire:checked){--theme-accent:var(--theme-sapphire);}:root:has(#accent-blue:checked){--theme-accent:var(--theme-blue);}:root:has(#accent-lavender:checked){--theme-accent:var(--theme-lavender);}body{position:absolute;width:100lvw;height:100lvh;margin:0px;line-height:1.4;background-color:var(--theme-base);color:var(--text);font-family:"Roboto Flex";}*::selection{background-color:color-mix(in srgb,var(--theme-accent) 20%,transparent);}a{color:unset;transition-duration:var(--transition-duration);}.page{display:none;position:absolute;width:var(--page-width);height:var(--page-height);padding:0 calc(calc(var(--page-width) - var(--content-width)) / 2);padding-bottom:var(--gap-large);top:0;right:0;margin-left:auto;margin-right:auto;color:var(--theme-text);overflow-y:scroll;.title{font-size:40px;font-weight:600;height:70px;text-align:center;position:relative;}h1{font-weight:550;}b{font-weight:600;}a{color:var(--theme-accent);position:relative;&::before{content:"";border-style:solid;border-width:0;border-radius:var(--rounding);padding:2px;position:absolute;width:100%;height:100%;top:-1px;left:-2px;opacity:0;z-index:-1;transition-duration:var(--transition-duration);background-color:var(--theme-overlay-0);}&:hover::before{ opacity:var(--hover-opacity);}}*{margin-left:auto;margin-right:auto;scroll-behavior:smooth;}}img,iframe,object{width:var(--content-width);}blockquote,details > div{border-style:solid;border-width:0;border-left-width:3px;border-color:color-mix(in srgb,var(--theme-accent) 75%,transparent);padding:var(--gap-medium);--content-width:calc(var(--base-content-width) - calc(var(--gap) * 4));}blockquote{background-color:color-mix(in srgb,var(--theme-surface-0) 95%,var(--theme-accent));border-top-right-radius:16px;border-bottom-right-radius:16px;p{margin:var(--gap);}}details{padding-left:var(--gap-large);> div{margin-top:var(--gap);padding-top:0;padding-bottom:0;> *:first-child{margin-top:0;}> *:last-child{margin-bottom:0;}}> summary{list-style-position:outside;&::marker{color:var(--theme-accent);}&:hover{cursor:pointer;}}&.hide-arrow > summary{list-style-type:"";}.button-outlined{margin-top:var(--gap-large);margin-bottom:var(--gap-large);}.button-outlined:hover{background-color:var(--theme-surface-1);}}ol,ul{padding-left:calc(var(--gap-large) * 2);}code{font-family:"Roboto Mono";font-size:14px;padding:0 var(--gap);background-color:var(--theme-surface-0);border-style:solid;border-width:0px;border-radius:4px;}.material-symbols,.material-symbols-filled{font-family:"Material Symbols";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-moz-font-feature-settings:"liga";-moz-osx-font-smoothing:grayscale;font-variation-settings:"wght" 400,"GRAD" 0,"opsz" 24;}.material-symbols{font-variation-settings:"FILL" 0;}.material-symbols-filled{font-variation-settings:"FILL" 1;}}@layer overrides{#keys ~ .page pre{text-wrap:wrap;word-wrap:break-word;}#home + .page{text-align:center;.title{margin-top:10%;margin-bottom:0;margin-left:auto;margin-right:auto;font-family:"Roboto Mono",monospace;color:var(--theme-accent);div{position:absolute;margin:0;top:0;left:50%;transform:translate(-50%,0);width:min-content;display:flex;flex-direction:row;p{--chars-per-second:8;--blinking-count:3;--blinking-length:1s;--blinking-total-length:calc(var(--blinking-length) * var(--blinking-count));--typing-length:calc(1s * calc(var(--chars) / var(--chars-per-second)));--prev-typing:calc(2s * calc(var(--prev-chars) / var(--chars-per-second)));--prev-blinking:calc(var(--blinking-total-length) * var(--prev-msgs));--typing-delay:calc(var(--prev-typing) + var(--prev-blinking));--blinking-delay:calc(var(--typing-delay) + var(--typing-length));--deleting-delay:calc(var(--blinking-delay) + var(--blinking-total-length));margin:0 auto;overflow:hidden;white-space:nowrap;width:0;animation:typing var(--typing-length) steps(var(--chars)) var(--typing-delay) 1 normal forwards,blinking var(--blinking-length) linear var(--blinking-delay) var(--blinking-count) normal forwards,deleting var(--typing-length) steps(var(--chars)) var(--deleting-delay) 1 normal forwards;border-right-color:transparent;border-right-style:solid;border-right-width:1px;}}div:last-child p,.last-greeting p{animation:typing var(--typing-length) steps(var(--chars)) var(--typing-delay) 1 normal forwards,blinking var(--blinking-length) linear var(--blinking-delay) var(--blinking-count) normal forwards;}}#socials-list{--icon-size:48px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--gap-large);a{margin:0;text-decoration:none;background-color:var(--theme-mantle);padding:var(--gap);border-radius:100px;width:calc(var(--icon-size) + calc(var(--gap) * 2));height:calc(var(--icon-size) + calc(var(--gap) * 2));display:flex;flex-direction:column;justify-content:center;&:hover{background-color:color-mix(in srgb,var(--theme-mantle) 80%,var(--theme-accent));&::before{opacity:0;}}}svg{height:var(--icon-size);width:var(--icon-size);}#discord-icon{width:40px;height:40px;}#mail-icon{font-size:40px;}#signal-icon{width:35px;height:35px;}#github-icon{width:45px;height:45px;}}}#home-greeting-1{--chars:24;--prev-chars:0;--prev-msgs:0;}#home-greeting-2{--chars:6;--prev-chars:24;--prev-msgs:1;}#home-greeting-3{--chars:6;--prev-chars:30;--prev-msgs:2;}#home-greeting-4{--chars:6;--prev-chars:36;--prev-msgs:3;}#home ~ .page .title,.greeting p{max-width:100%;}@keyframes typing{from{width:0;border-right-color:var(--theme-text);}to{width:100%;border-right-color:transparent;}99%{border-right-color:var(--theme-text);}}@keyframes blinking{from{border-right-color:var(--theme-text);}to{border-right-color:transparent;}50%{border-right-color:var(--theme-text);}51%{border-right-color:transparent;}}@keyframes deleting{from{width:100%;border-right-color:var(--theme-text);}to{width:0;border-right-color:transparent;}99%{border-right-color:var(--theme-text);}}#why{--chars:22;--prev-chars:0;--prev-msgs:0;}#why:not(:target){display:none !important;}body:has(#why:target){#home{.navbar-icon{font-variation-settings:"FILL" 1;&::before{opacity:var(--press-opacity);}}&::before{opacity:var(--press-opacity);}& + .page{display:block;.greeting{display:none;}}}}.blog-post{display:none;font-size:18px;margin-left:auto;margin-right:auto;> h1:first-of-type{font-size:40px;font-weight:600;height:70px;text-align:center;position:relative;}li{margin-bottom:var(--gap);}> h1:not(.title){margin-top:calc(var(--gap-large) * 4);}> h2{margin-top:calc(var(--gap-large) * 3);}> h3{margin-top:calc(var(--gap-large) * 2);}}#blog-post-list .card:hover{background-color:var(--theme-surface-0);}#blog-footer{.divider{margin:calc(var(--gap-large) * 2) 0;}p{text-align:center;}}#blog:target ~ #blog-footer{display:none;}.blog-post:target{display:block;}body:has(.blog-post:target) #blog-btn{.navbar-icon{font-variation-settings:"FILL" 1;&::before{opacity:var(--press-opacity);}}& + .page{display:block;}}#settings{margin-left:auto;.navbar-icon{font-size:32px;height:min-content;padding:5px;&::before{border-radius:calc(var(--rounding) * 2);}}}#themes{display:none;}#theme-selection label .card{position:relative;overflow:hidden;.demo-navbar{position:absolute;height:100%;width:25px;left:0;top:0;}.demo-content{margin-left:25px;}}#theme-selection label[for="catppuccin-latte"] .card{background-color:var(--theme-latte-base);h3,p{color:var(--theme-latte-text);}.demo-navbar{background-color:var(--theme-latte-surface-0);}}#theme-selection label[for="catppuccin-frappe"] .card{background-color:var(--theme-frappe-base);h3,p{color:var(--theme-frappe-text);}.demo-navbar{background-color:var(--theme-frappe-surface-0);}}#theme-selection label[for="catppuccin-macchiato"] .card{background-color:var(--theme-macchiato-base);h3,p{color:var(--theme-macchiato-text);}.demo-navbar{background-color:var(--theme-macchiato-surface-0);}}#theme-selection label[for="catppuccin-mocha"] .card{background-color:var(--theme-mocha-base);h3,p{color:var(--theme-mocha-text);}.demo-navbar{background-color:var(--theme-mocha-surface-0);}}#accent-selection{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);justify-content:center;label{margin:0;}label div{border-radius:100px;width:48px;height:48px;&:hover{cursor:pointer;}}}}@layer widgets{#navbar{background-color:var(--theme-surface-0);gap:var(--gap-medium);padding:0 var(--gap);padding-top:var(--gap-large);padding-bottom:var(--gap);overflow-y:auto;overflow-x:hidden;width:var(--navbar-width,100%);height:var(--navbar-height,100%);display:flex;align-items:center;flex-direction:var(--navbar-dir);.navbar-item{width:48px;height:48px;text-decoration-line:none;outline:none;z-index:1;display:flex;flex-direction:column;align-items:center;.navbar-label{font-size:12px;margin:0px;margin-top:2px;text-align:center;color:var(--theme-text);}.navbar-icon{font-size:24px;height:28px;position:relative;padding:2px 12px;transition-duration:var(--transition-duration);color:var(--theme-accent);&::before{content:"";border-style:solid;border-width:0px;border-radius:var(--rounding);background-color:var(--theme-overlay-0);width:100%;height:100%;top:0;left:0;opacity:0;position:absolute;transition-duration:var(--transition-duration);z-index:-1;}}&:hover{cursor:pointer;.navbar-icon{font-weight:600;&::before{opacity:var(--hover-opacity);}}}}}.navbar-item:target,body:not(:has(*:target)) #home{.navbar-icon{font-variation-settings:"FILL" 1;&::before{opacity:var(--press-opacity) !important;}}& + .page{display:block;}}.card-gallery{column-width:300px;column-gap:var(--gap);> a{color:var(--theme-text);}}.card{border-radius:16px;border-color:var(--theme-surface-1);border-style:solid;border-width:1px;padding:var(--gap-large);margin-bottom:var(--gap);min-width:100%;display:inline-block;text-decoration:none;h1,h2,h3,p{margin:0;}h1{margin-bottom:var(--gap-large);line-height:1;}.button-outlined,.button-text{float:right;margin-top:var(--gap-large);}.button-text:hover{background-color:var(--theme-surface-1);}.button-outlined:hover{background-color:var(--theme-surface-1);}}.button-outlined,.button-text{border-radius:16px;border-style:solid;border-width:1px;text-decoration:none;padding:var(--gap) var(--gap-large);transition-duration:var(--transition-duration);display:inline-block;margin-left:var(--gap);color:var(--theme-accent);&:hover{cursor:pointer;background-color:var(--theme-surface-0);}}.button-outlined{border-color:var(--theme-accent);}.button-text{border-color:transparent;}.divider{background-color:var(--theme-text);margin:var(--gap) 0px;flex-shrink:0;width:calc(100% - var(--gap));height:1px;}table{border-style:solid;border-width:1px;border-radius:16px;border-color:var(--theme-overlay-0);border-spacing:0;width:calc(var(--content-width) - calc(var(--gap-large) * 4));margin:var(--gap-large);thead th{background-color:var(--theme-surface-0);&:first-of-type{border-top-left-radius:15px;}&:last-of-type{border-top-right-radius:16px;}}tbody tr{th{background-color:var(--theme-surface-0);border-radius:0px;}&:first-of-type th{border-top-left-radius:15px;}&:last-of-type th{border-bottom-left-radius:16px;}}th,td{padding:var(--gap);border-style:solid;border-width:0px;border-right-width:1px;border-bottom-width:1px;border-color:var(--theme-overlay-0);}td:last-of-type{border-right-width:0px;}tr:last-of-type td,tbody tr:last-of-type th{border-bottom-width:0px;}}}