@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,900;1,900&display=swap");:root{--color-gold:#bc9531;--color-gold-light:#E0D5D5;--color-gold-dark:#514C48}*,:after,:before,html{box-sizing:border-box}body,body[data-theme=dark]{--color-text-primary:#e3e3e3;--color-text-secondary:#EAE9E9;--color-bg-primary:#333;--color-bg-toggle:#999;--color-bg-secondary:var(--color-gold-dark)}body[data-theme=light]{--color-text-primary:#27201a;--color-text-secondary:#444;--color-bg-primary:#EAE9E9;--color-bg-toggle:var(--color-gold);--color-bg-secondary:var(--color-gold-light)}body h1{display:none}body{background:var(--color-bg-primary);color:var(--color-text-primary);margin:0;padding:0;font-family:Lorea}main{display:grid;margin-bottom:20px;grid-template-columns:[full-start] minmax(1em,1fr) [main-start] minmax(0,40em) [main-end] minmax(1em,1fr) [full-end]}main>*{grid-column:main}.mainGrid{display:grid;grid-template-columns:[full-start] minmax(1em,1fr) [main-start] minmax(0,40em) [main-end] minmax(1em,1fr) [full-end]}.mainGrid>*{grid-column:main}p img{width:110%;margin:20px auto 20px -5%}.meImg{height:53%;margin-top:-1px;border-top:1px solid var(--color-gold);z-index:1}.pic_box{display:flex}.pic_box p:first-child{padding:0 10px}.pic_box img{width:200px;height:240px}.pic_box img:hover{scale:1.1}hr{clear:both;border:1px dashed;display:block;height:4px}header{grid-column:full;text-align:center;font-family:Nunito Sans,sans-serif;color:var(--color-text-secondary);line-height:1;font-size:80px;transition-property:font-size;transition-duration:.4s;letter-spacing:0;padding-top:20px}.gj{display:inline-block;width:60px;height:60px;border-radius:50%;background-color:var(--color-gold);margin:0 16px 0 0;padding:0}.gj img{animation-duration:2s;animation-name:spinner}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}i img{width:90%;margin-left:4%;box-shadow:4px 8px 8px #999}.gj:hover{background-color:var(--color-bg-primary)}.gj:hover svg{fill:var(--color-gold);display:none}.gaj{display:none}.gj svg{margin:14px 0 0 16px;display:block}.gj:hover .gaj{display:inline-block;width:60px;height:60px;border-radius:50%;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-style:italic;font-weight:400;letter-spacing:1.4px;color:var(--color-text-secondary)}h3{border-bottom:1px dashed var(--color-gold)}.mainGrid h2{grid-column:span 3;position:sticky;top:0;font-size:32px;text-align:center;background:var(--color-bg-primary);color:var(--color-text-secondary);letter-spacing:-.01em;width:110%;padding:20px 0;margin-left:-5%;margin-top:-100px;margin-bottom:100px;z-index:1000}h2:before,h4:before{content:"~ "}h2:after,h4:after{content:" ~"}h4{text-align:center;color:#777;margin:42px 0 8px}h5{font-size:1rem;font-weight:600}figure{float:left;padding:8px;border:1px solid var(--color-gold);margin:12px 1em 0 0;text-align:right}.figless{border:0;float:right;text-align:left;margin:0 -22px 0 10px}figcaption{line-height:1;font-size:11px;color:#777!important;font-style:italic}.smImg{width:280px;float:left;margin:20px}nav{text-align:right;border-bottom:1px solid var(--color-gold);padding:0;margin:0}nav:after{display:block;position:relative;margin-left:2%;width:96%;content:" ";margin-bottom:-2px;border-bottom:2px dashed var(--color-gold);z-index:1000}nav a{padding:10px;margin-bottom:-6px;display:inline-block;color:#999;font-weight:700;letter-spacing:1px;text-decoration:none}nav a:hover{color:var(--color-gold)}.active{padding-bottom:3px;position:relative;z-index:1001;color:var(--color-text-primary);border-bottom:4px solid var(--color-gold)}.homeLink{position:sticky;display:inline-block;top:10px;width:3.4rem;height:3.4rem;color:var(--color-bg-primary);background-color:var(--color-bg-secondary);border-radius:50%;z-index:1001;transition:background .5s ease;scale:.8}.homeLink svg{margin:11px 0 0 14px}.homeLink:hover{text-decoration:none;background-color:var(--color-gold);color:var(--color-gold)}h2{margin-top:-34px}footer:before{margin-left:2%;width:96%;content:" ";display:block;margin-top:-2px;border-top:2px dashed var(--color-gold)}footer{border-top:1px solid var(--color-gold);letter-spacing:1.2px;text-align:center;margin:32px 0 80px;font-style:italic}article footer p,footer p{font-size:10px;font-family:sans-serif;color:#999;line-height:1.6;font-style:italic;padding:0;margin:20px 10%}footer b{display:block;font-size:11px;margin:8px 0}footer span{display:flex;justify-content:center}ul{margin:6px;padding:0}li{list-style:none}.listLinks li a{color:#96741D;font-family:Nunito Sans,sans-serif;font-size:22px;letter-spacing:1px;padding:12px 0}p{font-size:14px;font-weight:400;line-height:1.32;color:var(--color-text-primary);letter-spacing:.8px;margin:0 0 12px}.intro:first-letter{font-size:24px;line-height:1;color:#96741D}section{margin:0 1.2em}time{float:none;display:block;font-size:11px;color:#999;margin-right:12px;margin-top:-48px;text-align:center}section time{float:right;display:block;margin-top:-33px}time:before{display:block;color:var(--color-bg-toggle);font-size:12px;content:"-.-.-.-.-.-.-.-.-"}section time:before{content:""}time span{padding:16px 0;width:280px;color:#333;border-top:1px solid #96741d}a{text-decoration:none;color:var(--color-text-secondary)}section h3{letter-spacing:0;border-bottom:1px dashed #999;padding:4px;transition:color .25s ease}section h3:hover{color:var(--color-gold);border-bottom:1px solid #96741d}section:hover p{cursor:pointer}section:hover h3,section:hover time{border-bottom:1px solid #96741d}p a{font-weight:600;-webkit-text-decoration:var(--color-gold) wavy underline;text-decoration:var(--color-gold) wavy underline}p a:hover{-webkit-text-decoration:#96741D solid underline;text-decoration:#96741D solid underline}article .artboard{display:grid;padding:4px 20px 20px;grid-template-columns:1fr 1fr 1fr 1fr;grid-row-gap:20px;grid-column-gap:20px}article .artboard img{color:white;background:#222;margin:8px;padding:8px;border-radius:6px;transition:all .2s ease-in-out}article .artboard img:hover{transform:scale(1.1)}code{padding:4px 8px;border-radius:4px;background-color:#222;color:#05d805}blockquote{padding:14px;color:var(--color-text-primary);border-radius:0 4px 4px 0;background:var(--color-bg-secondary);border-left:4px solid var(--color-gold)}blockquote p{margin:0}blockquote ul{width:100%;margin:0}blockquote ul li{width:100%;text-align:right;font-size:.8em;font-style:italic;color:var(--color-text-primary)}blockquote ul li:before{content:"~ "}.stuffList section{height:60px;display:flex;border-bottom:1px dashed #888}.stuffList h6,.stuffList p{margin:0 0 0 18px}.stuffList h6{color:var(--color-gold);font-size:1rem}.stuffList p{color:var(--color-text-primary);font-size:.7rem;line-height:.8rem}.stuffList img{display:inline-block;height:60px;max-width:140px}.stuffList section:hover{background-color:rgba(20,20,20,.01);border-bottom:1px solid var(--color-gold)}.stuffBlock{display:flex;flex-direction:column;justify-content:space-evenly;padding:10px 0}.splash{grid-column:full;justify-content:center;width:100vw;height:100%}@media only screen and (max-width:600px){.gj{display:none}header{font-size:12vw}.mainGrid h2{font-size:24px}section{margin:0 .6em}.figless,figure{float:none;display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;margin:0}figure img{width:100%}figure figcaption{margin:-10px 0 6px;display:block}.homeLink{top:6px;margin-left:0}.postHeader{font-size:28px}}#sunshine{animation:shine 1s ease,shinon 1s;animation-iteration-count:1;transform-origin:center;transform-box:fill-box}@keyframes shine{0%{transform:rotate(0def);transform:opacity(1)}to{transform:rotate(60deg);transform:opacity(0)}}@keyframes shinon{0%{opacity:1}to{opacity:0}}#defaultCanvas0{margin-bottom:-32px}#defaultCanvas1{display:none}