/**
* @license
*
* Font Family: Satoshi
* Designed by: Deni Anggara
* URL: https://www.fontshare.com/fonts/satoshi
* © 2025 Indian Type Foundry
*
* Satoshi Light 
* Satoshi LightItalic 
* Satoshi Regular 
* Satoshi Italic 
* Satoshi Medium 
* Satoshi MediumItalic 
* Satoshi Bold 
* Satoshi BoldItalic 
* Satoshi Black 
* Satoshi BlackItalic 
* Satoshi Variable (Variable font)
* Satoshi VariableItalic (Variable font)

*
*/@font-face{font-family:Satoshi-Light;src:url(/fonts/satoshi/Satoshi-Light.woff2) format("woff2"),url(/fonts/satoshi/Satoshi-Light.woff) format("woff"),url(/fonts/satoshi/Satoshi-Light.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-LightItalic;src:url(/fonts/satoshi/Satoshi-LightItalic.woff2) format("woff2"),url(/fonts/satoshi/Satoshi-LightItalic.woff) format("woff"),url(/fonts/satoshi/Satoshi-LightItalic.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Regular;src:url(/fonts/satoshi/Satoshi-Regular.woff2) format("woff2"),url(/fonts/satoshi/Satoshi-Regular.woff) format("woff"),url(/fonts/satoshi/Satoshi-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Italic;src:url(/fonts/satoshi/Satoshi-Italic.woff2) format("woff2"),url(/fonts/satoshi/Satoshi-Italic.woff) format("woff"),url(/fonts/satoshi/Satoshi-Italic.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Medium;src:url(/fonts/satoshi/Satoshi-Medium.woff2) format("woff2"),url(/fonts/satoshi/Satoshi-Medium.woff) format("woff"),url(/fonts/satoshi/Satoshi-Medium.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-MediumItalic;src:url(/fonts/satoshi/Satoshi-MediumItalic.woff2) format("woff2"),url(/fonts/satoshi/Satoshi-MediumItalic.woff) format("woff"),url(/fonts/satoshi/Satoshi-MediumItalic.ttf) format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Bold;src:url(/fonts/satoshi/Satoshi-Bold.woff2) format("woff2"),url(/fonts/satoshi/Satoshi-Bold.woff) format("woff"),url(/fonts/satoshi/Satoshi-Bold.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BoldItalic;src:url(/fonts/satoshi/Satoshi-BoldItalic.woff2) format("woff2"),url(/fonts/satoshi/Satoshi-BoldItalic.woff) format("woff"),url(/fonts/satoshi/Satoshi-BoldItalic.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Black;src:url(/fonts/satoshi/Satoshi-Black.woff2) format("woff2"),url(/fonts/satoshi/Satoshi-Black.woff) format("woff"),url(/fonts/satoshi/Satoshi-Black.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BlackItalic;src:url(/fonts/satoshi/Satoshi-BlackItalic.woff2) format("woff2"),url(/fonts/satoshi/Satoshi-BlackItalic.woff) format("woff"),url(/fonts/satoshi/Satoshi-BlackItalic.ttf) format("truetype");font-weight:900;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Variable;src:url(/fonts/satoshi/Satoshi-Variable.woff2) format("woff2"),url(/fonts/satoshi/Satoshi-Variable.woff) format("woff"),url(/fonts/satoshi/Satoshi-Variable.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-VariableItalic;src:url(/fonts/satoshi/Satoshi-VariableItalic.woff2) format("woff2"),url(/fonts/satoshi/Satoshi-VariableItalic.woff) format("woff"),url(/fonts/satoshi/Satoshi-VariableItalic.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:italic}:root{--primary-color: #f9ddb2;--secondary-color: #000000;--background-color: #ffffff;--text-color: #000000dd;--highlight-color: #f9ddb2;--hover-color: #f9ddb2;--header-background-color: #000000;--header-text-color: #ffffff}@media (prefers-color-scheme: dark){:root{--primary-color: #f9ddb2;--secondary-color: #ffffff;--background-color: #000000;--text-color: #ffffffdd;--highlight-color: #f9ddb2;--hover-color: #f9ddb2;--header-background-color: #ffffff;--header-text-color: #000000}}html{background-color:var(--background-color);font-family:sans-serif;line-height:1.5em}::selection{background-color:var(--secondary-color);color:var(--background-color)}@font-face{font-family:JetBrainsMonoNL-Regular;src:url(/fonts/JetBrainsMonoNL-Regular.ttf) format("ttf");font-weight:400;font-style:normal;font-display:swap}body{line-height:1.2em;font-size:1rem;max-width:1500px;margin:0 auto;padding:0 20px;overflow-x:hidden;position:relative;z-index:1}header,.header-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;margin-bottom:20px;position:relative;z-index:2}footer,.posts{position:relative;z-index:2}.site-title,#site-title{margin-right:20px}.nav-links,.header-buttons{display:flex;gap:10px}.tagline,.site-description{width:100%;text-align:left;margin:10px 0}.about-section,#about{margin:40px 0;text-align:left}h1,h2,h3,h4,h5,h6{display:block;max-width:100%;box-sizing:border-box;margin-block-start:0;margin-block-end:.5em;line-height:1.2em;align-content:left;background-color:var(--background-color);color:var(--text-color)}h1{font-size:2rem;text-decoration-color:var(--highlight-color);color:var(--text-color);display:inline-box;width:max-content}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}p,li{color:var(--text-color)}a{color:var(--text-color);text-decoration:underline;text-decoration-color:var(--highlight-color);transition:color .3s ease}a:hover{color:var(--highlight-color)}strong{color:var(--secondary-color)}.ascii-animation-container{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:0}.ascii-animation-wrapper{display:flex;justify-content:center;align-items:center;transform-origin:center center}.ascii-animation{font-family:JetBrainsMonoNL-Regular,monospace;white-space:pre;display:block;color:var(--text-color);font-size:1rem;line-height:1.2;text-align:center}.about-content>p{font-size:.8rem}@media (max-width: 1150px){.ascii-animation-wrapper{transform:scale(.75)}header,.header-container{flex-wrap:wrap;justify-content:center}.tagline,.site-description{text-align:center}}@media (max-width: 768px){body{text-align:left;font-size:.95rem;padding:0 15px;width:100%;box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin-left:0;margin-right:0;text-align:left;width:100%;word-wrap:break-word;overflow-wrap:break-word}h1{font-size:1.8rem;display:block;width:auto}h2{font-size:1.4rem}h3{font-size:1.2rem}main,section,article{width:100%;max-width:100%;padding:0}img,video,iframe{max-width:100%;height:auto}header,.header{flex-direction:column;align-items:center}.header-title,.logo-title{margin-bottom:10px;text-align:left}.nav-buttons,.header-buttons{flex-direction:column;align-items:flex-start;width:100%}.nav-button,header a,header button{margin:5px 0;width:80%;text-align:center}header,.header,main,.content,footer,.posts{position:relative;z-index:2}p{width:100%;word-wrap:break-word;overflow-wrap:break-word;margin-left:0;margin-right:0}.ascii-animation-wrapper{transform:scale(.65)}}@media (max-width: 480px){body{font-size:.9rem;padding:0 10px}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.1rem}.row,.columns,.flex-container{flex-direction:column;width:100%}#header,.header,header{flex-direction:column}#title,.site-title{margin-bottom:10px;width:100%}.nav-links,.header-buttons{flex-direction:column;width:100%}.nav-link,.button,.header-button{width:90%;margin:3px auto}.tagline,.subtitle{width:100%;padding:0 5px;margin:10px 0;text-align:left}#about,.about-section{width:100%;padding:0 5px;margin:20px 0}p{padding:0 5px}.about-content,.content-section{width:100%;box-sizing:border-box;padding:0 5px;margin-bottom:20px}}