::selection{background-color:#78c2ad60;color:#fdebf3}html{background-color:#1e1e2e;color:#fdebf3;color-scheme:dark}body{max-width:448px;margin:0 auto;text-align:justify}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(620px 380px at 50% 0%,rgba(253,235,243,.05),rgba(253,235,243,0) 72%),radial-gradient(120% 92% at 50% 38%,rgba(12,12,20,0) 42%,rgba(12,12,20,.55) 100%),radial-gradient(1000px 520px at 18% -10%,rgba(88,73,102,.32),rgba(88,73,102,0) 62%),radial-gradient(820px 460px at 88% -14%,rgba(55,90,127,.24),rgba(55,90,127,0) 62%),radial-gradient(720px 560px at 50% 112%,rgba(120,194,173,.06),rgba(120,194,173,0) 62%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2{font-family:Pacifico,cursive;font-weight:400}h1{font-size:2.2em;margin:0}h2{text-decoration:underline #375a7f;text-decoration-thickness:4px;text-underline-offset:6px;font-size:1.8em;margin-top:1.25rem;margin-bottom:0}main>.gif+h2,.link-card-grid+h2{margin-top:0}p{font-family:Josefin Sans,sans-serif;font-size:.95em;hyphens:auto;line-height:1.5;text-indent:1em}.gif{margin:10px 0 0;text-align:center}.raccoon-frame{--frame-w: clamp(5px, .75vw, 8px);box-sizing:border-box;border-radius:3px;display:block;width:100%;max-width:100%;aspect-ratio:16 / 9;margin:1.75rem 0 2rem;position:relative;border:var(--frame-w) solid transparent;background:conic-gradient(from 315deg at 50% 50%,#ac9569 0deg,#c9b184 45deg,#a08a60 90deg,#7e6c4a 135deg,#6b5b3f 180deg,#766446 225deg,#857152 270deg,#a89066 315deg,#ac9569 360deg) border-box;box-shadow:0 1px 3px #0000004d,0 10px 24px -12px #00000073}.raccoon-frame:before{content:"";position:absolute;inset:calc(-1 * var(--frame-w));border-radius:inherit;box-shadow:inset 0 0 0 1px #fff8e042,inset 0 0 0 2px #4a3a1833;pointer-events:none;z-index:1}.raccoon-frame:after{content:"";position:absolute;inset:0;border-radius:1px;box-shadow:inset 0 0 0 1px #f6e7b433,inset 0 0 0 2px #261e0c80,inset 0 0 12px #00000029;pointer-events:none;z-index:1}.raccoon-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:2px}.nav-bar{display:grid;grid-template-columns:1fr 1fr;margin-top:.8rem}.title-link,.nav-links{font-family:Pacifico,cursive;font-size:1.1rem}.title-link a,.nav-links a{color:#fdebf3;text-decoration:none}.title-link a:hover,.nav-links a:hover,a:focus{text-decoration:underline #375a7f;text-decoration-thickness:2px;text-underline-offset:6px}.nav-links{font-family:Josefin Sans,sans-serif;font-size:.95rem;text-align:right}.nav-links a{margin:0 10px}.foot-btn{display:flex;padding:10px;height:20px;width:20px;border-radius:50%;border:2px solid #fdebf3;color:#fdebf3}.foot-btn:hover{border-color:#78c2ad}.foot-btn>span{display:block;width:20px;height:20px;background-color:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.git-icon{-webkit-mask-image:url(/github-mark.svg);mask-image:url(/github-mark.svg)}.so-icon{-webkit-mask-image:url(/stackoverflow.svg);mask-image:url(/stackoverflow.svg)}.mail-icon{-webkit-mask-image:url(/mail.svg);mask-image:url(/mail.svg)}.linked-in{-webkit-mask-image:url(/li-in.png);mask-image:url(/li-in.png)}.medium-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fdebf3' d='M13.54 12a6.8 6.8 0 01-6.77 6.82A6.8 6.8 0 010 12a6.8 6.8 0 016.77-6.82A6.8 6.8 0 0113.54 12zm7.42 0c0 3.54-1.51 6.42-3.38 6.42-1.87 0-3.39-2.88-3.39-6.42s1.52-6.42 3.39-6.42c1.87 0 3.38 2.88 3.38 6.42zM24 12c0 3.17-.53 5.75-1.19 5.75-.66 0-1.19-2.58-1.19-5.75s.53-5.75 1.19-5.75C23.47 6.25 24 8.83 24 12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fdebf3' d='M13.54 12a6.8 6.8 0 01-6.77 6.82A6.8 6.8 0 010 12a6.8 6.8 0 016.77-6.82A6.8 6.8 0 0113.54 12zm7.42 0c0 3.54-1.51 6.42-3.38 6.42-1.87 0-3.39-2.88-3.39-6.42s1.52-6.42 3.39-6.42c1.87 0 3.38 2.88 3.38 6.42zM24 12c0 3.17-.53 5.75-1.19 5.75-.66 0-1.19-2.58-1.19-5.75s.53-5.75 1.19-5.75C23.47 6.25 24 8.83 24 12z'/%3E%3C/svg%3E")}.reddit-icon{-webkit-mask-image:url(/reddit.svg);mask-image:url(/reddit.svg)}.rss-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%23fdebf3' d='M6.18 15.64a2.18 2.18 0 0 1 2.18 2.18C8.36 19.01 7.38 20 6.18 20C4.98 20 4 19.01 4 17.82a2.18 2.18 0 0 1 2.18-2.18M4 4.44A15.56 15.56 0 0 1 19.56 20h-2.83A12.73 12.73 0 0 0 4 7.27V4.44m0 5.66a9.9 9.9 0 0 1 9.9 9.9h-2.83A7.07 7.07 0 0 0 4 12.93V10.1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%23fdebf3' d='M6.18 15.64a2.18 2.18 0 0 1 2.18 2.18C8.36 19.01 7.38 20 6.18 20C4.98 20 4 19.01 4 17.82a2.18 2.18 0 0 1 2.18-2.18M4 4.44A15.56 15.56 0 0 1 19.56 20h-2.83A12.73 12.73 0 0 0 4 7.27V4.44m0 5.66a9.9 9.9 0 0 1 9.9 9.9h-2.83A7.07 7.07 0 0 0 4 12.93V10.1z'/%3E%3C/svg%3E")}.link-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(24ch,1fr));gap:1.5rem 1.5rem;padding:0;margin:1rem 0 2rem}main>ul.link-card-grid:last-of-type{margin-bottom:2.5rem}.book-cover-img{border-radius:2px 4px 4px 2px;box-shadow:-4px 0 8px #00000073,4px 6px 20px #00000080,inset -3px 0 8px #00000026;outline:1px solid rgba(255,255,255,.06)}@media only screen and (max-width: 600px){body{width:320px;padding-top:max(.75rem,env(safe-area-inset-top,0px))}main{padding-top:.75rem}.nav-bar{display:initial}.title-link,.nav-links{text-align:center}.nav-links a{margin:0 11px}footer .foot-btn{box-sizing:border-box;min-width:44px;min-height:44px;width:44px;height:44px;padding:10px;align-items:center;justify-content:center}footer .foot-btn>span{display:block;width:20px;height:20px;flex-shrink:0}}
