html{-webkit-text-size-adjust:100%}#root,body,html{background-color:#fcf4d4}#root{overflow-y:auto}#copy-right{padding-top:0;padding-bottom:0;height:20px;font-size:12px;text-align:center;color:#3287c8;margin:10px auto}#website-container{width:100%;margin:20px auto 0;max-width:901px;background-image:linear-gradient(rgba(133,195,245,.8) 1px,transparent 0),linear-gradient(90deg,rgba(133,195,245,.8) 1px,transparent 0);background-size:20px 20px;border-right:1px solid rgba(133,195,245,.8);border-bottom:1px solid rgba(133,195,245,.8)}@media(min-width:160px){#copy-right,#website-container{width:120px}}@media(min-width:180px){#copy-right,#website-container{width:140px}}@media(min-width:200px){#copy-right,#website-container{width:160px}}@media(min-width:220px){#copy-right,#website-container{width:180px}}@media(min-width:240px){#copy-right,#website-container{width:200px}}@media(min-width:260px){#copy-right,#website-container{width:220px}}@media(min-width:280px){#copy-right,#website-container{width:240px}}@media(min-width:300px){#copy-right,#website-container{width:260px}}@media(min-width:320px){#copy-right,#website-container{width:280px}}@media(min-width:340px){#copy-right,#website-container{width:300px}}@media(min-width:360px){#copy-right,#website-container{width:320px}}@media(min-width:380px){#copy-right,#website-container{width:340px}}@media(min-width:400px){#copy-right,#website-container{width:360px}}@media(min-width:420px){#copy-right,#website-container{width:380px}}@media(min-width:440px){#copy-right,#website-container{width:400px}}@media(min-width:460px){#copy-right,#website-container{width:420px}}@media(min-width:480px){#copy-right,#website-container{width:440px}}@media(min-width:500px){#copy-right,#website-container{width:460px}}@media(min-width:520px){#copy-right,#website-container{width:480px}}@media(min-width:540px){#copy-right,#website-container{width:500px}}@media(min-width:560px){#copy-right,#website-container{width:520px}}@media(min-width:580px){#copy-right,#website-container{width:540px}}@media(min-width:600px){#copy-right,#website-container{width:560px}}@media(min-width:620px){#copy-right,#website-container{width:580px}}@media(min-width:640px){#copy-right,#website-container{width:600px}}@media(min-width:660px){#copy-right,#website-container{width:620px}}@media(min-width:680px){#copy-right,#website-container{width:640px}}@media(min-width:700px){#copy-right,#website-container{width:660px}}@media(min-width:720px){#copy-right,#website-container{width:680px}}@media(min-width:740px){#copy-right,#website-container{width:700px}}@media(min-width:760px){#copy-right,#website-container{width:720px}}@media(min-width:780px){#copy-right,#website-container{width:740px}}@media(min-width:800px){#copy-right,#website-container{width:760px}}@media(min-width:820px){#copy-right,#website-container{width:780px}}@media(min-width:840px){#copy-right,#website-container{width:800px}}@media(min-width:860px){#copy-right,#website-container{width:820px}}@media(min-width:880px){#copy-right,#website-container{width:840px}}@media(min-width:900px){#copy-right,#website-container{width:860px}}@media(min-width:920px){#copy-right,#website-container{width:880px}}@media(min-width:940px){#copy-right,#website-container{width:900px}}@media(min-width:960px){#copy-right,#website-container{width:920px}}@media(min-width:980px){#copy-right,#website-container{width:940px}}@media(min-width:1000px){#copy-right,#website-container{width:960px}}@media(min-width:1020px){#copy-right,#website-container{width:980px}}@media(min-width:1040px){#copy-right,#website-container{width:1000px}}@media(min-width:1060px){#copy-right,#website-container{width:1020px}}@media(min-width:1080px){#copy-right,#website-container{width:1040px}}@media(min-width:1100px){#copy-right,#website-container{width:1060px}}@media(min-width:1120px){#copy-right,#website-container{width:1080px}}@media(min-width:1140px){#copy-right,#website-container{width:1100px}}@media(min-width:1160px){#copy-right,#website-container{width:1120px}}@media(min-width:1180px){#copy-right,#website-container{width:1140px}}@media(min-width:1200px){#copy-right,#website-container{width:1160px}}@media(min-width:1220px){#copy-right,#website-container{width:1180px}}@media(min-width:1240px){#copy-right,#website-container{width:1200px}}@media(min-width:1260px){#copy-right,#website-container{width:1220px}}@media(min-width:1280px){#copy-right,#website-container{width:1240px}}@media(min-height:200px){#website-container{min-height:140px}}@media(min-height:220px){#website-container{min-height:160px}}@media(min-height:240px){#website-container{min-height:180px}}@media(min-height:260px){#website-container{min-height:200px}}@media(min-height:280px){#website-container{min-height:220px}}@media(min-height:300px){#website-container{min-height:240px}}@media(min-height:320px){#website-container{min-height:260px}}@media(min-height:340px){#website-container{min-height:280px}}@media(min-height:360px){#website-container{min-height:300px}}@media(min-height:380px){#website-container{min-height:320px}}@media(min-height:400px){#website-container{min-height:340px}}@media(min-height:420px){#website-container{min-height:360px}}@media(min-height:440px){#website-container{min-height:380px}}@media(min-height:460px){#website-container{min-height:400px}}@media(min-height:480px){#website-container{min-height:420px}}@media(min-height:500px){#website-container{min-height:440px}}@media(min-height:520px){#website-container{min-height:460px}}@media(min-height:540px){#website-container{min-height:480px}}@media(min-height:560px){#website-container{min-height:500px}}@media(min-height:580px){#website-container{min-height:520px}}@media(min-height:600px){#website-container{min-height:540px}}@media(min-height:620px){#website-container{min-height:560px}}@media(min-height:640px){#website-container{min-height:580px}}@media(min-height:660px){#website-container{min-height:600px}}@media(min-height:680px){#website-container{min-height:620px}}@media(min-height:700px){#website-container{min-height:640px}}@media(min-height:720px){#website-container{min-height:660px}}@media(min-height:740px){#website-container{min-height:680px}}@media(min-height:760px){#website-container{min-height:700px}}@media(min-height:780px){#website-container{min-height:720px}}@media(min-height:800px){#website-container{min-height:740px}}@media(min-height:820px){#website-container{min-height:760px}}@media(min-height:840px){#website-container{min-height:780px}}@media(min-height:860px){#website-container{min-height:800px}}@media(min-height:880px){#website-container{min-height:820px}}@media(min-height:900px){#website-container{min-height:840px}}@media(min-height:920px){#website-container{min-height:860px}}@media(min-height:940px){#website-container{min-height:880px}}@media(min-height:960px){#website-container{min-height:900px}}@media(min-height:980px){#website-container{min-height:920px}}@media(min-height:1000px){#website-container{min-height:940px}}@media(min-height:1020px){#website-container{min-height:960px}}@media(min-height:1040px){#website-container{min-height:980px}}@media(min-height:1060px){#website-container{min-height:1000px}}@media(min-height:1080px){#website-container{min-height:1020px}}@media(min-height:1100px){#website-container{min-height:1040px}}@media(min-height:1120px){#website-container{min-height:1060px}}@media(min-height:1140px){#website-container{min-height:1080px}}@media(min-height:1160px){#website-container{min-height:1100px}}@media(min-height:1180px){#website-container{min-height:1120px}}@media(min-height:1200px){#website-container{min-height:1140px}}@media(min-height:1220px){#website-container{min-height:1160px}}@media(min-height:1240px){#website-container{min-height:1180px}}@media(min-height:1260px){#website-container{min-height:1200px}}@media(min-height:1280px){#website-container{min-height:1220px}}@media(min-height:1300px){#website-container{min-height:1240px}}@media(min-height:1320px){#website-container{min-height:1260px}}@media(min-height:1340px){#website-container{min-height:1280px}}@media(min-height:1360px){#website-container{min-height:1300px}}@media(min-height:1380px){#website-container{min-height:1320px}}@media(min-height:1400px){#website-container{min-height:1340px}}@media(min-height:1420px){#website-container{min-height:1360px}}@media(min-height:1440px){#website-container{min-height:1380px}}@media(min-height:1460px){#website-container{min-height:1400px}}@media(min-height:1480px){#website-container{min-height:1420px}}@media(min-height:1500px){#website-container{min-height:1440px}}@media(min-height:1520px){#website-container{min-height:1460px}}@media(min-height:1540px){#website-container{min-height:1480px}}@media(min-height:1560px){#website-container{min-height:1500px}}@media(min-height:1580px){#website-container{min-height:1520px}}@media(min-height:1600px){#website-container{min-height:1540px}}@media(min-height:1620px){#website-container{min-height:1560px}}@media(min-height:1640px){#website-container{min-height:1580px}}@media(min-height:1660px){#website-container{min-height:1600px}}@media(min-height:1680px){#website-container{min-height:1620px}}@media(min-height:1700px){#website-container{min-height:1640px}}@media(min-height:1720px){#website-container{min-height:1660px}}@media(min-height:1740px){#website-container{min-height:1680px}}@media(min-height:1760px){#website-container{min-height:1700px}}@media(min-height:1780px){#website-container{min-height:1720px}}@media(min-height:1800px){#website-container{min-height:1740px}}@media(min-height:1820px){#website-container{min-height:1760px}}@media(min-height:1840px){#website-container{min-height:1780px}}@media(min-height:1860px){#website-container{min-height:1800px}}@media(min-height:1880px){#website-container{min-height:1820px}}@media(min-height:1900px){#website-container{min-height:1840px}}@media(min-height:1920px){#website-container{min-height:1860px}}@media(min-height:1940px){#website-container{min-height:1880px}}@media(min-height:1960px){#website-container{min-height:1900px}}@media(min-height:1980px){#website-container{min-height:1920px}}@media(min-height:2000px){#website-container{min-height:1940px}}@media(min-height:2020px){#website-container{min-height:1960px}}@media(min-height:2040px){#website-container{min-height:1980px}}@media(min-height:2060px){#website-container{min-height:2000px}}@media(min-height:2080px){#website-container{min-height:2020px}}@media(min-height:2100px){#website-container{min-height:2040px}}@media(min-height:2120px){#website-container{min-height:2060px}}@media(min-height:2140px){#website-container{min-height:2080px}}@media(min-height:2160px){#website-container{min-height:2100px}}@media(min-height:2180px){#website-container{min-height:2120px}}@media(min-height:2200px){#website-container{min-height:2140px}}@media(min-height:2220px){#website-container{min-height:2160px}}@media(min-height:2240px){#website-container{min-height:2180px}}@media(min-height:2260px){#website-container{min-height:2200px}}@media(min-height:2280px){#website-container{min-height:2220px}}@media(min-height:2300px){#website-container{min-height:2240px}}@media(min-height:2320px){#website-container{min-height:2260px}}@media(min-height:2340px){#website-container{min-height:2280px}}@media(min-height:2360px){#website-container{min-height:2300px}}@media(min-height:2380px){#website-container{min-height:2320px}}@media(min-height:2400px){#website-container{min-height:2340px}}@media(min-height:2420px){#website-container{min-height:2360px}}@media(min-height:2440px){#website-container{min-height:2380px}}@media(min-height:2460px){#website-container{min-height:2400px}}@media(min-height:2480px){#website-container{min-height:2420px}}@media(min-height:2500px){#website-container{min-height:2440px}}@media(min-height:2520px){#website-container{min-height:2460px}}@media(min-height:2540px){#website-container{min-height:2480px}}@media(min-height:2560px){#website-container{min-height:2500px}}@media(min-height:2580px){#website-container{min-height:2520px}}@media(min-height:2600px){#website-container{min-height:2540px}}@media(min-height:2620px){#website-container{min-height:2560px}}@media(min-height:2640px){#website-container{min-height:2580px}}@media(min-height:2660px){#website-container{min-height:2600px}}@media(min-height:2680px){#website-container{min-height:2620px}}@media(min-height:2700px){#website-container{min-height:2640px}}@media(min-height:2720px){#website-container{min-height:2660px}}@media(min-height:2740px){#website-container{min-height:2680px}}@media(min-height:2760px){#website-container{min-height:2700px}}@media(min-height:2780px){#website-container{min-height:2720px}}@media(min-height:2800px){#website-container{min-height:2740px}}@media(min-height:2820px){#website-container{min-height:2760px}}@media(min-height:2840px){#website-container{min-height:2780px}}@media(min-height:2860px){#website-container{min-height:2800px}}@media(min-height:2880px){#website-container{min-height:2820px}}@media(min-height:2900px){#website-container{min-height:2840px}}@media(min-height:2920px){#website-container{min-height:2860px}}@media(min-height:2940px){#website-container{min-height:2880px}}@media(min-height:2960px){#website-container{min-height:2900px}}@media(min-height:2980px){#website-container{min-height:2920px}}@media(min-height:3000px){#website-container{min-height:2940px}}@media(min-height:3020px){#website-container{min-height:2960px}}@media(min-height:3040px){#website-container{min-height:2980px}}@media(min-height:3060px){#website-container{min-height:3000px}}@media(min-height:3080px){#website-container{min-height:3020px}}@media(min-height:3100px){#website-container{min-height:3040px}}@media(min-height:3120px){#website-container{min-height:3060px}}@media(min-height:3140px){#website-container{min-height:3080px}}@media(min-height:3160px){#website-container{min-height:3100px}}@media(min-height:3180px){#website-container{min-height:3120px}}@media(min-height:3200px){#website-container{min-height:3140px}}@media(min-height:3220px){#website-container{min-height:3160px}}@media(min-height:3240px){#website-container{min-height:3180px}}@media(min-height:3260px){#website-container{min-height:3200px}}@media(min-height:3280px){#website-container{min-height:3220px}}@media(min-height:3300px){#website-container{min-height:3240px}}@media(min-height:3320px){#website-container{min-height:3260px}}@media(min-height:3340px){#website-container{min-height:3280px}}@media(min-height:3360px){#website-container{min-height:3300px}}@media(min-height:3380px){#website-container{min-height:3320px}}@media(min-height:3400px){#website-container{min-height:3340px}}@media(min-height:3420px){#website-container{min-height:3360px}}@media(min-height:3440px){#website-container{min-height:3380px}}@media(min-height:3460px){#website-container{min-height:3400px}}@media(min-height:3480px){#website-container{min-height:3420px}}@media(min-height:3500px){#website-container{min-height:3440px}}@media(min-height:3520px){#website-container{min-height:3460px}}@media(min-height:3540px){#website-container{min-height:3480px}}@media(min-height:3560px){#website-container{min-height:3500px}}@media(min-height:3580px){#website-container{min-height:3520px}}@media(min-height:3600px){#website-container{min-height:3540px}}@media(min-height:3620px){#website-container{min-height:3560px}}@media(min-height:3640px){#website-container{min-height:3580px}}@media(min-height:3660px){#website-container{min-height:3600px}}@media(min-height:3680px){#website-container{min-height:3620px}}@media(min-height:3700px){#website-container{min-height:3640px}}@media(min-height:3720px){#website-container{min-height:3660px}}@media(min-height:3740px){#website-container{min-height:3680px}}@media(min-height:3760px){#website-container{min-height:3700px}}@media(min-height:3780px){#website-container{min-height:3720px}}@media(min-height:3800px){#website-container{min-height:3740px}}@media(min-height:3820px){#website-container{min-height:3760px}}@media(min-height:3840px){#website-container{min-height:3780px}}@media(min-height:3860px){#website-container{min-height:3800px}}@media(min-height:3880px){#website-container{min-height:3820px}}@media(min-height:3900px){#website-container{min-height:3840px}}@media(min-height:3920px){#website-container{min-height:3860px}}@media(min-height:3940px){#website-container{min-height:3880px}}@media(min-height:3960px){#website-container{min-height:3900px}}@media(min-height:3980px){#website-container{min-height:3920px}}@media(min-height:4000px){#website-container{min-height:3940px}}main{margin-top:40px}button{background-color:rgba(0,0,0,0);border:none;outline:none}a,button{-webkit-tap-highlight-color:rgba(0,0,0,0)}@media(hover:hover){a:hover,button:hover{cursor:pointer}}.icon{display:inline-block;padding:0;margin:0;vertical-align:top}*,:after,:before{margin:0;padding:0;box-sizing:border-box}#root,body,html{height:100%;width:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}div{overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}div::-webkit-scrollbar{display:none}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}ol,ul{list-style:none}@font-face{font-family:CommitMono;src:url(/fonts/CommitMono-Regular.otf);font-weight:regular;font-style:normal;font-display:swap}@font-face{font-family:CommitMono;src:url(/fonts/CommitMono-Italic.otf);font-weight:regular;font-style:italic;font-display:swap}@font-face{font-family:CommitMono;src:url(/fonts/CommitMono-Bold.otf);font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CommitMono;src:url(/fonts/CommitMono-BoldItalic.otf);font-weight:700;font-style:italic;font-display:swap}body{font-family:CommitMono;font-weight:400}h1,h2,h3{font-weight:200}h1{padding-top:6px;padding-bottom:14px;line-height:40px;font-size:40px}h2{padding-top:3px;padding-bottom:17px;line-height:20px;font-size:20px}h3{padding-top:4.6px;padding-bottom:15.4px}a,h3,li,p{font-size:16px;line-height:20px}a,li,p{padding-top:4.4px;padding-bottom:15.6px}a{text-decoration:underline}a:hover{-webkit-text-decoration-color:#f60;text-decoration-color:#f60}.standalone-link{display:inline-block;width:-moz-fit-content;width:fit-content}span{color:#f60}.small-text{font-size:12px;padding-top:6px;padding-bottom:14px;margin-bottom:0}li{margin-left:20px}li:before{position:relative;bottom:3px;content:"*";width:20px;text-align:center;display:inline-block;color:#f60}.pinned-image-container{position:relative;width:100%;overflow:visible;margin-bottom:20px}.pinned-image-container .raw-image{width:100%;height:100%;object-fit:contain;display:block}.pinned-image-container .pin-image{position:absolute;top:-15px;height:50px;right:25%}main{display:flex;flex-direction:row;gap:40px}aside{width:300px;order:10}.content{flex:1 1}@media(max-width:800px){main{flex-direction:column}aside{width:100%;order:-10}}header{display:flex;flex-direction:row;width:100%}@media(max-width:500px){header{flex-direction:column}}#left-header{display:flex;flex-direction:row;position:relative}#face-click-prompt{color:#f60;padding-bottom:0}#icon-container{position:relative;right:10px;height:140px}#icon-container .doodle-icon{height:140px}#icon-container .doodle-icon-overlay{position:absolute;height:140px;z-index:100;left:0;bottom:0;pointer-events:none}#icon-container #icon-change-hitbox{position:absolute;left:15px;bottom:13px;height:65px;width:65px}@media(max-width:500px){#left-header{height:140px}#icon-container{position:absolute;right:0}}#overlay-phrase{font-size:12px;padding-top:0}nav{display:flex;flex-direction:column;flex:1 1;align-items:flex-end}nav .nav-button{display:block;text-decoration:none;width:100px;margin-right:10px}nav .asterisk{margin-right:5px}nav .nav-button .asterisk{visibility:hidden}@media(hover:hover){nav:hover .nav-button:hover .asterisk{visibility:visible}}nav .nav-button.active .asterisk{visibility:visible}@media(max-width:500px){nav{justify-content:space-evenly;flex-direction:row}nav .nav-button{width:auto}#left-header{width:100%}#left-header #icon-container{margin-left:auto}}@media(max-width:370px){nav{flex-wrap:wrap}nav .nav-button{width:-moz-fit-content!important;width:fit-content!important;margin-right:0;text-decoration:underline}nav .nav-button:hover{-webkit-text-decoration-color:#f60;text-decoration-color:#f60}nav .asterisk{display:none}}.spacing-xs{background-color:#f60;width:5px;height:5px;margin-right:25px}.spacing-sm{width:10px;height:10px}.spacing-md,.spacing-sm{background-color:#f60;margin-right:20px}.spacing-md{width:20px;height:20px}.spacing-lg{background-color:#f60;width:30px;height:30px;margin-right:30px}.spacing-xl{background-color:#f60;width:40px;height:40px;margin-right:20px}#spacing-design-section{display:flex;flex-direction:row;margin-bottom:20px}#icon-design-section{display:flex;flex-direction:row;gap:20px;margin-bottom:20px}#home-description{display:flex;flex-direction:column}#projects-footer{margin-top:20px}#projects-footer a{line-height:inherit;font-size:inherit}.project-card h2 a{font-size:inherit}.blog-link{text-decoration:none}.card{margin-bottom:20px;position:relative;overflow:hidden;padding:20px 20px 19px;background-color:#fcf4d4;border-left:1px solid rgba(133,195,245,.8);border-top:1px solid rgba(133,195,245,.8)}.card:hover{background-color:#e4ead8}.card .blog-card-date{padding-top:0;padding-bottom:0}.toc{display:flex;flex-direction:column}.toc-links-container{padding-top:4px;padding-bottom:16px}.toc-link{min-width:0;display:flex;flex-direction:row}.toc-link.indented{margin-left:20px}.toc-link p{margin-right:5px;padding:0}.toc-link .toc-links-body a{text-decoration:none;padding-bottom:0}@media(hover:hover){.toc-link .toc-links-body a:hover{text-decoration:underline;-webkit-text-decoration-color:#f60;text-decoration-color:#f60}}.share-post-link{text-align:center;width:-moz-fit-content;width:fit-content;margin:0 auto}.blog-title{width:100%;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.blog-info span{color:#000;white-space:nowrap}@media(max-width:800px){.share-post-link{margin:0}}.back-to-top{text-align:end}.back-to-top a{font-size:inherit}pre{background-color:rgba(133,195,245,.25);padding:20px;margin-bottom:20px;position:relative}pre:hover{background-color:rgba(133,195,245,.5);cursor:pointer}pre:after{position:absolute;right:11px;top:5px;content:"copy";color:#3287c8;font-size:12px}pre code{color:#3287c8;line-height:20px;text-wrap:wrap}blockquote{border-left:2px solid #f60;padding-left:5px;margin-left:5px;font-style:italic;margin-bottom:19.5px}blockquote p{padding-bottom:16px}blockquote li:before{content:"-";text-align:center;display:inline-block;color:#000}article h2,article h3{color:#f60}.pagination{width:-moz-fit-content;width:fit-content;margin:0 auto}.pagination span{color:#000;margin:0 5px}.blog-list-nav-button:hover svg{color:#f60}#not-found-page{flex-direction:column;gap:0}#not-found-header{display:flex;flex-direction:row;padding-top:20px;overflow:hidden;width:-moz-fit-content;width:fit-content;margin:auto}#not-found-header img{position:relative;bottom:65px;width:80px}#not-found-header p{font-size:50px}.not-found-info{text-align:center;margin:auto}