body{margin:0;padding:0;background:#151515 url(/assets/images/bkg.png) 0 0;color:#eaeaea;font-size:16px;line-height:1.5;font-family:Monaco,Bitstream Vera Sans Mono,Lucida Console,Terminal,monospace}.container{width:90%;max-width:1000px;margin:0 auto}section{display:block;margin:0 0 20px}h1,h2,h3,h4,h5,h6{margin:0 0 20px}li{line-height:1.4}header{background:#0000001a;width:100%;border-bottom:1px dashed #b5e853;padding:20px 0;margin:0 0 40px}header h1{font-size:30px;line-height:1.5;margin:0 0 0 -40px;font-weight:700;font-family:Monaco,Bitstream Vera Sans Mono,Lucida Console,Terminal,monospace;color:#b5e853;text-shadow:0 1px 1px rgba(0,0,0,.1),0 0 5px rgba(181,232,83,.1),0 0 10px rgba(181,232,83,.1);letter-spacing:-1px;-webkit-font-smoothing:antialiased}@media(max-width:1000px){header h1{margin-left:0}}header h1:before{content:"./ ";font-size:24px}header h2{font-size:18px;font-weight:300;color:#999}.dark-mode header h2{color:#999}.light-mode header h2{color:#555}#main_content{width:100%;-webkit-font-smoothing:antialiased}section img{max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:400;font-family:Monaco,Bitstream Vera Sans Mono,Lucida Console,Terminal,monospace;color:#b5e853;letter-spacing:-.03em;text-shadow:0 1px 1px rgba(0,0,0,.1),0 0 5px rgba(181,232,83,.1),0 0 10px rgba(181,232,83,.1)}#main_content h1{font-size:30px}#main_content h2{font-size:24px}#main_content h3{font-size:18px}#main_content h4{font-size:14px}#main_content h5{font-size:12px;text-transform:uppercase;margin:0 0 5px}#main_content h6{font-size:12px;text-transform:uppercase;color:#999;margin:0 0 5px}dt{font-style:italic;font-weight:700}ul li{list-style-image:url(/assets/images/bullet.png)}blockquote{color:#aaa;padding-left:10px;border-left:1px dotted #666}pre{background:#000000e6;border:1px solid rgba(255,255,255,.15);padding:10px;font-size:16px;color:#b5e853;border-radius:2px;word-wrap:normal;overflow:auto;overflow-y:hidden}code.highlighter-rouge{background:#000000e6;border:1px solid rgba(255,255,255,.15);padding:0 3px;margin:0 -3px;color:#aa759f;border-radius:2px}table{width:100%;margin:0 0 20px}th{text-align:left;border-bottom:1px dashed #b5e853;padding:5px 10px}td{padding:5px 10px}hr{height:0;border:0;border-bottom:1px dashed #b5e853;color:#b5e853}a{color:#63c0f5;text-shadow:0 0 5px rgba(104,182,255,.5)}#a-title{text-decoration:none}code:not(pre code){background:#000000e6;border:1px solid rgba(255,255,255,.15);padding:0 3px;margin:0 -3px;color:#aa759f;border-radius:2px}:root{--title-size: 2em;--title-size-mobile: 1em}.light-mode{background:#ebebeb;color:#000;--color-background: #f8f9fa;--color-background-inverse: #111;--color-banner: rgb(225, 225, 225);--color-input: #fff;--color-surface: #eee;--color-text: #000;--color-title: #111;--color-title-inverse: #ddd;--color-primary: #0080ff;--color-secondary: #32bbff;--color-top-nav-link: LightSeaGreen;--color-link: #18a7c1;--color-link-secondary: rgb(37, 226, 147);--color-link-hover: rgb(216, 29, 216);--color-codeblock-label:rgb(231, 84, 129);--hr: black}.light-mode .toggle-icon{color:#000}.light-mode h1,.light-mode h2,.light-mode h3,.light-mode h4,.light-mode h5,.light-mode h6{color:var(--color-title);text-shadow:0 0 3px rgba(17,17,17,.3),0 0 8px rgba(17,17,17,.15)}.light-mode a{color:var(--color-link);text-shadow:0 0 4px rgba(26,177,204,.4),0 0 8px rgba(26,177,204,.2)}.light-mode a .bmc-btn{color:#000!important;text-shadow:none!important}.light-mode a:hover:not(.icon){text-shadow:0 0 4px rgba(216,29,216,.5),0 0 10px rgba(216,29,216,.25)}.light-mode .codeblock-label{text-align:center;font-weight:700;color:var(--color-codeblock-label);text-shadow:0 0 4px rgba(231,84,129,.4),0 0 8px rgba(231,84,129,.2)}.light-mode .icon:hover{color:#4dbce0}.dark-mode{background:#151515;color:#eaeaea;--color-background: #151515;--color-background-inverse: #111;--color-banner: #1d1d1d;--color-input: #fff;--color-surface: #333;--color-text: #eaeaea;--color-title: #b5e853;--color-title-inverse: #ddd;--color-primary: $linkGreen;--color-secondary: #32bbff;--color-top-nav-link: #f0f0f0;--color-link: #63c0f5;--color-link-secondary: rgb(98, 16, 250);--color-link-hover: rgb(235, 80, 235);--color-codeblock-label: rgb(255, 166, 0);--hr: #b5e853}.dark-mode .toggle-icon{color:#fff}.dark-mode .site-header{color:var(--color-title)!important;text-shadow:0 0 5px rgba(181,232,83,.5)!important}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6{color:var(--color-title);text-shadow:0 0 5px rgba(181,232,83,.5)!important}.dark-mode a{color:var(--color-link);text-shadow:0 0 3px rgba(99,192,245,.5)}.dark-mode a .bmc-btn{color:#fff!important;text-shadow:none!important}.dark-mode a:hover{text-shadow:0 0 2px rgba(216,29,216,.5)}.dark-mode .codeblock-label{text-align:center;font-weight:700;color:var(--color-codeblock-label);text-shadow:0 0 .5px rgba(255,166,0,.5)}.dark-mode strong{font-family:Arial Black}strong{font-weight:900}.light-mode li{list-style-image:none}hr{color:var(--hr);border-bottom:1px dashed var(--hr)}.profile-photo{width:2em;height:2em;vertical-align:middle;border-radius:100%;object-fit:cover}.public-profile{background-color:#eee;border-radius:7px;margin:5px;padding:3px}.certification-profile{max-width:7.75em}.page-title{text-align:center;font-weight:700}.site-header{font-size:2em}.custom-h1-header{color:var(--color-title)!important;font-size:1.75em}.currently-learning{color:orange;text-shadow:0 0 4px rgba(255,165,0,.5),0 0 10px rgba(255,165,0,.25)}#a-title h1{font-size:2em}.tag{text-decoration:none}.container{max-width:1500px}.PageNavigation{font-size:1.5em;display:block;width:auto;overflow:hidden;white-space:nowrap}.PageNavigation a{display:block;width:50%;float:left;margin:.01em 0}.PageNavigation .next{text-align:right}.icon-right{font-size:1.5em;float:right;margin:0;padding:0}.top-nav ul{font-size:1.5em;list-style-type:none;margin:0;padding:0;overflow:visible}.top-nav li{display:inline;list-style-image:none}.top-nav li:last-child{border-right:none}.top-nav li a{margin:-2px}.top-nav li a:not(.icon){color:var(--color-top-nav-link);position:relative;text-align:center;text-decoration:none;margin:2px}.top-nav li a:not(.icon):before{content:"";position:absolute;height:3px;right:0;bottom:-3px;left:0;background-color:var(--color-link-hover)}.top-nav li a:not(.icon):hover{color:var(--color-link-hover)}.top-nav li a:not(.icon):hover:before{background:linear-gradient(to right,var(--color-link-hover) 40%,var(--color-link-secondary) 75%)}.dropdown{position:relative;display:inline-block}.dropdown .dropdown-toggle{color:var(--color-top-nav-link);text-decoration:none;cursor:pointer;margin:2px}.dropdown .dropdown-toggle:hover{color:var(--color-link-hover)}.dropdown .dropdown-menu{display:none;position:absolute;top:100%;left:0;background-color:var(--color-banner);border:1px solid var(--hr);border-radius:4px;min-width:200px;box-shadow:0 4px 12px #0006;z-index:1000;padding:6px 0;font-size:.75em}.dropdown .dropdown-menu a{display:block;padding:10px 14px;color:var(--color-link);text-decoration:none;white-space:nowrap;text-shadow:none}.dropdown .dropdown-menu a:hover,.dropdown .dropdown-menu a:active{background-color:var(--color-surface);color:var(--color-text);text-shadow:none}.dropdown .dropdown-menu a:before{display:none}.dropdown.open .dropdown-menu{display:block}@media(hover:hover)and (pointer:fine){.dropdown:hover:not(.closing) .dropdown-menu{display:block}}@media(max-width:900px){.dropdown .dropdown-menu{position:fixed;top:auto;left:5vw;right:5vw;width:90vw;font-size:.85em}}a:hover{color:var(--color-link-hover)}a:hover:before{background:linear-gradient(to right,var(--color-link) 40%,var(--color-link-secondary) 75%)}.table-of-contents li{list-style-image:none}body{margin:0;padding:0;overflow-wrap:break-word;line-height:1.475}.App{min-height:100vh;display:flex;flex-direction:column}header{position:sticky;top:0;width:100%;margin-bottom:20px;padding-bottom:10px;background-color:var(--color-banner);z-index:2147483647}main{flex:1}#jump-to-top-btn{display:none;position:fixed;bottom:20px;right:30px;z-index:99;font-size:18px;border:none;outline:none;background-color:red;color:#fff;cursor:pointer;padding:8px;border-radius:4px}#jump-to-top-btn:hover{background-color:#555}#main_content h2{font-size:28px}#main_content h3{font-size:25px}#main_content h4,#main_content .h4-size{font-size:22px}#main_content h5{font-size:19px}#main_content h6{font-size:16px}@media only screen and (max-width:900px){.site-header,#a-title h1{font-size:1.4em}.PageNavigation,.top-nav ul,.icon-right{font-size:1.1em}#main_content h2{font-size:21px}#main_content h3{font-size:19px}#main_content h4,#main_content .h4-size{font-size:17px}#main_content h5{font-size:16px}#main_content h6{font-size:15px}}#main_content h2,h3,h4,h5,h6{padding-top:140px;margin-top:-140px}#debug-data{margin-right:10px;float:right}#web3-wrap{position:relative}#web3-canvas{display:block;width:100%;height:220px;background:#0a0a12;border-radius:12px;border:1px solid rgba(0,255,136,.08);box-shadow:0 0 25px #00ff880d,inset 0 0 40px #0006;cursor:crosshair}#web3-settings-btn{position:absolute;top:8px;right:8px;background:#00ff8814;border:1px solid rgba(0,255,136,.15);color:#00ff8880;border-radius:6px;padding:3px 7px;font-size:14px;cursor:pointer;z-index:2;transition:all .2s}#web3-settings-btn:hover{background:#00ff8826;color:#00ff88e6}#web3-settings{position:absolute;top:36px;right:8px;background:#0a0a12eb;border:1px solid rgba(0,255,136,.12);border-radius:8px;padding:10px 14px;z-index:2;display:flex;flex-direction:column;gap:6px;font-family:monospace;font-size:11px;color:#00ff88b3;backdrop-filter:blur(6px)}#web3-settings.hidden{display:none}#web3-settings label{display:flex;align-items:center;gap:8px;white-space:nowrap}#web3-settings input[type=range]{width:80px;accent-color:#00ff88;height:4px;cursor:pointer}#web3-settings span{min-width:28px;text-align:right;color:#00d4ffcc}.icon-social-media{text-decoration:none;font-size:1.7em}header{border-bottom:1px dashed var(--hr)}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}#btn-theme{border:none;line-height:3em;vertical-align:middle;background:none}#nav_pages>li{display:inline-block;padding-left:5px;padding-right:5px}.bmc-btn-text{filter:drop-shadow(0px 0px 10px orange);color:#000!important}.bmc-btn{filter:drop-shadow(0px 0px 3px orange) drop-shadow(0px 0px 5px yellow)}.nav-top-right{float:right;display:flex!important;column-gap:7px}#shadowBox{background-color:#000;background-color:#0003;border:3px solid}.typewriter{display:inline-block;max-width:fit-content;overflow:hidden;border-right:.15em solid orange;white-space:nowrap;margin:0 auto;animation:typing 12s steps(77,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}.site-header{text-shadow:none;font-weight:700}.rainbow_text_animated{text-shadow:none!important;background:linear-gradient(90deg,#111,#111,#111,#111,#111,red,#ff9a00,#d0de21,#4fdc4a,#3fdad8,#2fc9e2,#1c7fee,#5f15f2,#ba0cf8,#fb07d9,red);-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:typing 3.5s steps(77,end),blink-caret .75s step-end infinite,rainbow_animation 15s ease-in-out infinite,rainbow_glow 15s ease-in-out 3.5s infinite;background-size:400% 100%}@media only screen and (max-width:900px){.rainbow_text_animated{animation:typing 1.25s steps(45,end),blink-caret .75s step-end infinite,rainbow_animation 15s ease-in-out infinite,rainbow_glow 15s ease-in-out 1.25s infinite}}@keyframes rainbow_animation{0%,to{background-position:0 0}50%{background-position:100% 0}}@keyframes rainbow_glow{0%{filter:drop-shadow(0 0 6px rgba(180,180,180,.15))}15%{filter:drop-shadow(0 0 8px rgba(255,50,0,.35))}25%{filter:drop-shadow(0 0 8px rgba(255,154,0,.35))}35%{filter:drop-shadow(0 0 8px rgba(79,220,74,.35))}45%{filter:drop-shadow(0 0 8px rgba(63,218,216,.35))}55%{filter:drop-shadow(0 0 8px rgba(28,127,238,.35))}65%{filter:drop-shadow(0 0 8px rgba(95,21,242,.35))}75%{filter:drop-shadow(0 0 8px rgba(186,12,248,.35))}85%{filter:drop-shadow(0 0 8px rgba(251,7,217,.35))}to{filter:drop-shadow(0 0 6px rgba(180,180,180,.15))}}pre:has(>code){position:relative}pre:has(>code)>button{position:absolute;opacity:0;height:1.75rem;line-height:1.75rem;color:#bbb;font-weight:600;font-size:11px;letter-spacing:.1rem;border:1px solid #bbb;border-radius:4px;top:.25rem;right:.25rem;text-transform:uppercase;background-color:transparent;cursor:pointer}pre:has(>code):hover>button{opacity:1}pre:has(>code)>button:active,pre:has(>code)>button:focus{opacity:1}a.active{color:coral!important;text-shadow:0 0 1px Coral}.dark-mode .all-projects-link{color:#63c0f5!important;text-shadow:0 0 5px rgba(99,192,245,.5),0 0 12px rgba(99,192,245,.3)!important}.light-mode .all-projects-link{color:#18a7c1!important;text-shadow:0 0 5px rgba(24,167,193,.5),0 0 12px rgba(24,167,193,.3)!important}header h1:before{content:""!important}#glitch-bg{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.App{position:relative;z-index:1}.footer-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.glitch-control-wrap{display:flex;align-items:center;gap:8px}.glitch-toggle{background:none;border:1px solid rgba(255,255,255,.15);border-radius:4px;font-family:monospace;font-size:11px;letter-spacing:.08em;padding:3px 10px;cursor:pointer;transition:all .2s}.dark-mode .glitch-toggle{color:#00ff88b3;border-color:#0f83}.dark-mode .glitch-toggle:hover{color:#0f8;border-color:#00ff8880}.dark-mode .glitch-toggle.glitch-off{color:#ff505099;border-color:#ff505033}.dark-mode .glitch-toggle.glitch-off:hover{color:#ff5050e6;border-color:#ff505066}.light-mode .glitch-toggle{color:#1882aab3;border-color:#1882aa33}.light-mode .glitch-toggle:hover{color:#1882aa;border-color:#1882aa80}.light-mode .glitch-toggle.glitch-off{color:#c83c3c99;border-color:#c83c3c33}.light-mode .glitch-toggle.glitch-off:hover{color:#c83c3ce6;border-color:#c83c3c66}.glitch-settings-anchor{position:relative}.glitch-settings-btn{background:none;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:2px 7px;font-size:14px;cursor:pointer;transition:all .2s}.dark-mode .glitch-settings-btn{color:#00ff8880;border-color:#00ff8826}.dark-mode .glitch-settings-btn:hover{color:#00ff88e6;border-color:#0f86}.light-mode .glitch-settings-btn{color:#1882aa80;border-color:#1882aa26}.light-mode .glitch-settings-btn:hover{color:#1882aae6;border-color:#1882aa66}.glitch-settings-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;background:#0a0a12f2;border:1px solid rgba(0,255,136,.12);border-radius:8px;padding:10px 14px;z-index:100;display:flex;flex-direction:column;gap:6px;backdrop-filter:blur(8px);white-space:nowrap}.glitch-settings-dropdown.hidden{display:none}.light-mode .glitch-settings-dropdown{background:#f5f5faf2;border-color:#1882aa33}.glitch-control{display:flex;align-items:center;gap:8px;font-family:monospace;font-size:12px;cursor:default}.glitch-reset{background:none;border:1px solid rgba(255,255,255,.15);border-radius:3px;font-family:monospace;font-size:10px;letter-spacing:.05em;padding:1px 8px;cursor:pointer;transition:all .2s}.dark-mode .glitch-reset{color:#00ff8880;border-color:#00ff8826}.dark-mode .glitch-reset:hover{color:#00ff88e6;border-color:#0f86}.light-mode .glitch-reset{color:#1882aa80;border-color:#1882aa33}.light-mode .glitch-reset:hover{color:#1882aae6;border-color:#1882aa80}.glitch-label{letter-spacing:.1em;text-transform:uppercase;opacity:.7}.dark-mode .glitch-label{color:#00ff88b3}.light-mode .glitch-label{color:#1882aab3}#glitch-slider{width:90px;height:4px;cursor:pointer;-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:2px;outline:none}#glitch-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;cursor:pointer}#glitch-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:none;cursor:pointer}.dark-mode #glitch-slider{accent-color:#00ff88}.dark-mode #glitch-slider::-webkit-slider-thumb{background:#0f8;box-shadow:0 0 6px #00ff8880}.dark-mode #glitch-slider::-moz-range-thumb{background:#0f8;box-shadow:0 0 6px #00ff8880}.light-mode #glitch-slider{accent-color:#18a7c1;background:#0000001a}.light-mode #glitch-slider::-webkit-slider-thumb{background:#18a7c1;box-shadow:0 0 4px #18a7c166}.light-mode #glitch-slider::-moz-range-thumb{background:#18a7c1;box-shadow:0 0 4px #18a7c166}.glitch-val{min-width:24px;text-align:right;font-size:11px}.dark-mode .glitch-val{color:#00d4ffcc}.light-mode .glitch-val{color:#1882aacc}pre:has(>code){overflow:hidden}pre:has(>code):after{content:"";position:absolute;left:0;width:100%;height:2px;pointer-events:none;animation:code-scan 4s linear infinite}.dark-mode pre:has(>code):after{background:linear-gradient(90deg,transparent,rgba(0,255,136,.12),transparent);box-shadow:0 0 8px #00ff880f}.light-mode pre:has(>code):after{background:linear-gradient(90deg,transparent,rgba(24,130,170,.1),transparent);box-shadow:0 0 6px #1882aa0a}@keyframes code-scan{0%{top:0}to{top:100%}}.pagefind-ui{--pagefind-ui-scale: .8;--pagefind-ui-primary: var(--color-link);--pagefind-ui-text: var(--color-text);--pagefind-ui-background: var(--color-background);--pagefind-ui-border: var(--hr);--pagefind-ui-tag: var(--color-surface)}