body{margin:0;background:#012;color:#38f;font-family:Fira Code,monospace;font-size:17px}h1{font-size:40px;font-weight:bold}h2{font-size:29px;font-weight:bold}a{color:inherit}a:hover{opacity:80%}#matrix-container{width:100%;height:100%;overflow:hidden}.matrix-text{position:absolute;right:0;bottom:0;margin:0;overflow:hidden;white-space:pre;text-overflow:clip;color:#048;font-weight:bold;font-size:15px}.matrix-title-overlay{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;flex-direction:column}.site-title{margin:0;font-weight:bold;text-align:center;color:#cff;text-shadow:0 0 4vw #000,0 0 3vw #aff,0 0 1vw #aff}.scroll-down{font-size:5vh;position:absolute;left:0;right:0;transition:all .5s ease-in-out}.scroll-down-present{bottom:20px;opacity:1}.scroll-down-faded{bottom:100px;opacity:0}.about-section{margin:10px;padding:18px 25px;background:#000911;border-radius:30px}.about-section img{margin:0 !important;margin-top:7px !important;border:0 none !important;background:none !important;border-radius:10px !important;width:200px;height:200px}.about-section img.me{float:left;margin-right:30px !important}.about-section img.site{float:right;margin-left:30px !important}.site-body{margin:0 auto;max-width:1000px}.category-project,:root{--category-color:#38f;--link-color:white;--visited-link-color:#66a6ff}.category-blog{--category-color:#b9a600;--link-color:#fff386;--visited-link-color:#ecd400}.category-art{--category-color:#FF8F33;--link-color:white;--visited-link-color:#ffab66}.use-category-color{color:var(--category-color)}.subpage-entry{cursor:pointer;margin:40px 10px;border-radius:30px;border:8px solid;background:#012;color:var(--category-color);transition:background .2s,margin .2s ease-in-out}@media (any-hover: hover){.subpage-entry.hoverable:hover{background:#000911;margin-left:0;margin-right:20px}}.subpage-entry #icon{width:10.5em;height:10.5em;border-radius:22px;background:white}@media only screen and (max-width: 700px){.subpage-entry #icon{display:none}}.subpage-entry #icon:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.subpage-entry #icon:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.subpage-entry .text-container{margin:15px 30px}.subpage-entry .header h2{margin:0;border-bottom:3px solid;text-align:center}.subpage-entry .subheading{margin:0;justify-content:space-between}.subpage-entry .subheading p{margin:0;font-size:20px;font-weight:bold}.subpage-entry .padding{flex-grow:1}.subpage-entry .description{margin:0;margin-top:10px;text-align:center}.subpage-entry .content-container{height:0;overflow:auto}#page-overlay{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:#0120}.x-button{position:relative;left:30px;bottom:15px;width:0;min-width:0;height:5em;cursor:pointer;transition:transform .2s ease-in-out}.x-button:hover{transform:scale(1.1) !important}.x-button path{stroke:var(--category-color)}#page-overlay.active{display:block !important}#page-overlay .subpage-entry{position:absolute;cursor:default !important;margin:0 !important}#page-overlay.expanded{background:#012d !important}#page-overlay.expanded .subpage-entry{left:50px !important;right:50px !important;top:50px !important;bottom:50px !important}@media only screen and (max-width: 500px){#page-overlay.expanded .subpage-entry{left:0 !important;right:0 !important;top:0 !important;bottom:0 !important;border:none;border-radius:0}}#page-overlay.expanded #icon{width:0 !important}#page-overlay.expanded .header{margin-right:-30px}#page-overlay.expanded .x-button{width:5em;min-width:5em}#page-overlay.expanded .padding{flex-grow:0}#page-overlay.expanded .description{font-size:0}#page-overlay.expanded .content-container{flex-grow:1}#page-overlay{transition:background 1s ease-in-out}#page-overlay.expanded{}#page-overlay.expanded .subpage-entry{transition:left .2s ease-in-out .2s,right .2s ease-in-out .2s,top .2s ease-in-out .6s,bottom .2s ease-in-out .6s,border-width 1s ease-in-out .2s,border-radius 1s ease-in-out .2s}#page-overlay.expanded #icon{transition:width .2s ease-in-out 0s}#page-overlay.expanded .header{transition:margin-right .2s ease-in-out .8s}#page-overlay.expanded .x-button{transition:width .2s ease-in-out .8s,min-width .2s ease-in-out .8s}#page-overlay.expanded .padding{transition:flex-grow .2s ease-in-out .4s}#page-overlay.expanded .description{transition:font-size .2s ease-in-out .4s}#page-overlay.expanded .content-container{transition:flex-grow .2s ease-in-out .4s}#page-overlay.contracting{}#page-overlay.contracting .subpage-entry{transition:left .2s ease-in-out .6s,right .2s ease-in-out .6s,top .2s ease-in-out .2s,bottom .2s ease-in-out .2s,border-width 1s ease-in-out .2s,border-radius 1s ease-in-out .2s}#page-overlay.contracting #icon{transition:width .2s ease-in-out .8s}#page-overlay.contracting .header{transition:margin-right .2s ease-in-out 0s}#page-overlay.contracting .x-button{transition:width .2s ease-in-out 0s,min-width .2s ease-in-out 0s}#page-overlay.contracting .padding{transition:flex-grow .2s ease-in-out .4s}#page-overlay.contracting .description{transition:font-size .2s ease-in-out .4s}#page-overlay.contracting .content-container{transition:flex-grow .2s ease-in-out .4s}.page-content{max-width:900px;margin:0 auto}.content{}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin:24px 0 16px 0}.content h1,.content h2{margin-top:70px;padding-bottom:.3em;border-bottom:1px solid;text-align:center}.content p,.content li{text-align:justify;line-height:1.5}.content p{margin:0;margin-bottom:2em}.content p:last-child,.content blockquote:last-child{margin-bottom:0}.content blockquote{margin:0 30px 2em 30px;font-size:20px}.content blockquote p{color:#fff;font-weight:bold;text-align:center}.content a{color:var(--link-color)}.content a:visited{color:var(--visited-link-color)}.content li{margin:0;margin-bottom:.1em}.content code{background:#002b55;font-weight:bold;padding:2px 4px;border-radius:6px}.content pre{overflow-x:scroll;overflow-y:hidden;background:#001e3c;padding:.7em}.content pre code{background:none;font-weight:normal;padding:0}.content img{display:block;margin:0 auto 16px auto;border-radius:30px;border:8px solid;max-width:100%;max-height:22em;background:white}.content .side-by-side-images{text-align:center}.content .side-by-side-images img{margin:0 auto 16px auto;width:100%;max-width:350px}@media only screen and (min-width: 688px){.content .side-by-side-images img{max-width:none;display:inline-block;width:46%;margin:.5%}}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-fill{flex-grow:1}