html{-webkit-text-size-adjust:100%;background-color:#fcf4d4}body{background-color:#fcf4d4}#root{background-color:#fcf4d4;overflow-y:auto}#copy-right{text-align:center;color:#3287c8;height:20px;margin:10px auto;padding-top:0;padding-bottom:0;font-size:12px}#website-container{background-image:linear-gradient(#85c3f5cc 1px,#0000 1px),linear-gradient(90deg,#85c3f5cc 1px,#0000 1px);background-size:20px 20px;border-bottom:1px solid #85c3f5cc;border-right:1px solid #85c3f5cc;width:100%;max-width:901px;margin:20px auto 0}@media (min-width:160px){#website-container,#copy-right{width:120px}}@media (min-width:180px){#website-container,#copy-right{width:140px}}@media (min-width:200px){#website-container,#copy-right{width:160px}}@media (min-width:220px){#website-container,#copy-right{width:180px}}@media (min-width:240px){#website-container,#copy-right{width:200px}}@media (min-width:260px){#website-container,#copy-right{width:220px}}@media (min-width:280px){#website-container,#copy-right{width:240px}}@media (min-width:300px){#website-container,#copy-right{width:260px}}@media (min-width:320px){#website-container,#copy-right{width:280px}}@media (min-width:340px){#website-container,#copy-right{width:300px}}@media (min-width:360px){#website-container,#copy-right{width:320px}}@media (min-width:380px){#website-container,#copy-right{width:340px}}@media (min-width:400px){#website-container,#copy-right{width:360px}}@media (min-width:420px){#website-container,#copy-right{width:380px}}@media (min-width:440px){#website-container,#copy-right{width:400px}}@media (min-width:460px){#website-container,#copy-right{width:420px}}@media (min-width:480px){#website-container,#copy-right{width:440px}}@media (min-width:500px){#website-container,#copy-right{width:460px}}@media (min-width:520px){#website-container,#copy-right{width:480px}}@media (min-width:540px){#website-container,#copy-right{width:500px}}@media (min-width:560px){#website-container,#copy-right{width:520px}}@media (min-width:580px){#website-container,#copy-right{width:540px}}@media (min-width:600px){#website-container,#copy-right{width:560px}}@media (min-width:620px){#website-container,#copy-right{width:580px}}@media (min-width:640px){#website-container,#copy-right{width:600px}}@media (min-width:660px){#website-container,#copy-right{width:620px}}@media (min-width:680px){#website-container,#copy-right{width:640px}}@media (min-width:700px){#website-container,#copy-right{width:660px}}@media (min-width:720px){#website-container,#copy-right{width:680px}}@media (min-width:740px){#website-container,#copy-right{width:700px}}@media (min-width:760px){#website-container,#copy-right{width:720px}}@media (min-width:780px){#website-container,#copy-right{width:740px}}@media (min-width:800px){#website-container,#copy-right{width:760px}}@media (min-width:820px){#website-container,#copy-right{width:780px}}@media (min-width:840px){#website-container,#copy-right{width:800px}}@media (min-width:860px){#website-container,#copy-right{width:820px}}@media (min-width:880px){#website-container,#copy-right{width:840px}}@media (min-width:900px){#website-container,#copy-right{width:860px}}@media (min-width:920px){#website-container,#copy-right{width:880px}}@media (min-width:940px){#website-container,#copy-right{width:900px}}@media (min-width:960px){#website-container,#copy-right{width:920px}}@media (min-width:980px){#website-container,#copy-right{width:940px}}@media (min-width:1000px){#website-container,#copy-right{width:960px}}@media (min-width:1020px){#website-container,#copy-right{width:980px}}@media (min-width:1040px){#website-container,#copy-right{width:1000px}}@media (min-width:1060px){#website-container,#copy-right{width:1020px}}@media (min-width:1080px){#website-container,#copy-right{width:1040px}}@media (min-width:1100px){#website-container,#copy-right{width:1060px}}@media (min-width:1120px){#website-container,#copy-right{width:1080px}}@media (min-width:1140px){#website-container,#copy-right{width:1100px}}@media (min-width:1160px){#website-container,#copy-right{width:1120px}}@media (min-width:1180px){#website-container,#copy-right{width:1140px}}@media (min-width:1200px){#website-container,#copy-right{width:1160px}}@media (min-width:1220px){#website-container,#copy-right{width:1180px}}@media (min-width:1240px){#website-container,#copy-right{width:1200px}}@media (min-width:1260px){#website-container,#copy-right{width:1220px}}@media (min-width:1280px){#website-container,#copy-right{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:#0000;border:none;outline:none}button,a{-webkit-tap-highlight-color:#0000}@media (hover:hover){button:hover,a:hover{cursor:pointer}}.icon{vertical-align:top;margin:0;padding:0;display:inline-block}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}div{scrollbar-width:none;-ms-overflow-style:none;overflow:scroll}div::-webkit-scrollbar{display:none}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{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;font-size:40px;line-height:40px}h2{padding-top:3px;padding-bottom:17px;font-size:20px;line-height:20px}h3{padding-top:4.6px;padding-bottom:15.4px;font-size:16px;line-height:20px}p,a,li{padding-top:4.4px;padding-bottom:15.6px;font-size:16px;line-height:20px}a{text-decoration:underline}a:hover{text-decoration-color:#f60}.standalone-link{width:fit-content;display:inline-block}span{color:#f60}.small-text{margin-bottom:0;padding-top:6px;padding-bottom:14px;font-size:12px}li{margin-left:20px}li:before{content:"*";text-align:center;color:#f60;width:20px;display:inline-block;position:relative;bottom:3px}.pinned-image-container{width:100%;margin-bottom:20px;position:relative;overflow:visible}.pinned-image-container .raw-image{object-fit:contain;width:100%;height:100%;display:block}.pinned-image-container .pin-image{height:50px;position:absolute;top:-15px;right:25%}main{flex-direction:row;gap:40px;display:flex}aside{order:10;width:300px}.content{flex:1}@media (max-width:800px){main{flex-direction:column}aside{order:-10;width:100%}}header{flex-direction:row;width:100%;display:flex}@media (max-width:500px){header{flex-direction:column}}#left-header{flex-direction:row;display:flex;position:relative}#face-click-prompt{color:#f60;padding-bottom:0}#icon-container{height:140px;position:relative;right:10px}#icon-container .doodle-icon{height:140px}#icon-container .doodle-icon-overlay{z-index:100;pointer-events:none;height:140px;image-rendering:crisp-edges;position:absolute;bottom:0;left:0}#icon-container #icon-change-hitbox{width:65px;height:65px;position:absolute;bottom:13px;left:15px}@media (max-width:500px){#left-header{height:140px}#icon-container{position:absolute;right:0}}#overlay-phrase{padding-top:0;font-size:12px}nav{flex-direction:column;flex:1;align-items:flex-end;display:flex}nav .nav-button{width:100px;margin-right:10px;text-decoration:none;display:block}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{flex-direction:row;justify-content:space-evenly}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{margin-right:0;text-decoration:underline;width:fit-content!important}nav .nav-button:hover{text-decoration-color:#f60}nav .asterisk{display:none}}.spacing-xs{background-color:#f60;width:5px;height:5px;margin-right:25px}.spacing-sm{background-color:#f60;width:10px;height:10px;margin-right:20px}.spacing-md{background-color:#f60;width:20px;height:20px;margin-right: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{flex-direction:row;margin-bottom:20px;display:flex}#icon-design-section{flex-direction:row;gap:20px;margin-bottom:20px;display:flex}#home-description{flex-direction:column;display:flex}#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{background-color:#fcf4d4;border-top:1px solid #85c3f5cc;border-left:1px solid #85c3f5cc;margin-bottom:20px;padding:20px 20px 19px;position:relative;overflow:hidden}.card:hover{background-color:#e4ead8}.card .blog-card-date{padding-top:0;padding-bottom:0}.toc{flex-direction:column;display:flex}.toc-links-container{padding-top:4px;padding-bottom:16px}.toc-link{flex-direction:row;min-width:0;display:flex}.toc-link.indented{margin-left:20px}.toc-link p{margin-right:5px;padding:0}.toc-link .toc-links-body a{padding-bottom:0;text-decoration:none}@media (hover:hover){.toc-link .toc-links-body a:hover{-webkit-text-decoration:underline #f60;text-decoration:underline #f60}}.share-post-link{text-align:center;width:fit-content;margin:0 auto}.blog-title{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;width:100%}.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:#85c3f540;margin-bottom:20px;padding:20px;position:relative}pre:hover{cursor:pointer;background-color:#85c3f580}pre:after{content:"copy";color:#3287c8;font-size:12px;position:absolute;top:5px;right:11px}pre code{color:#3287c8;text-wrap:wrap;line-height:20px}blockquote{border-left:2px solid #f60;margin-bottom:19.5px;margin-left:5px;padding-left:5px;font-style:italic}blockquote p{padding-bottom:16px}blockquote li:before{content:"-";text-align:center;color:#000;display:inline-block}article h2,article h3{color:#f60}.pagination{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{flex-direction:row;width:fit-content;margin:auto;padding-top:20px;display:flex;overflow:hidden}#not-found-header img{width:80px;position:relative;bottom:65px}#not-found-header p{font-size:50px}.not-found-info{text-align:center;margin:auto}