:root{background-color:#000;--teal: oklch(85% .17 195);--teal-dark: oklch(70% .15 195);--teal-marquee: oklch(75% .18 195);--teal-marquee-dark: oklch(65% .16 195);--green: oklch(91% .26 127);--green-glow: oklch(91% .26 127 / .4);--github-glow: oklch(50% 0 0 / .4);--twitter-glow: oklch(67% .19 230 / .4);--pink: oklch(65.29% .2786 7.47);--purple: oklch(62.17% .1941 298.06);--orange: oklch(77.63% .194 62.37);--tag-teal: oklch(80% .1801 211.96);--tag-green: oklch(90.71% .2606 127.29);--text: oklch(30% 0 0);--text-light: oklch(100% 0 0);--bg: #f8fcfa;--card-bg: var(--text-light);--card-border: #2f2f2fc1;--link-color: oklch(50% .15 212);--footer-color: oklch(60% 0 0);--radius: 8px;--shadow: 0 1px 3px oklch(0% 0 0 / .25);--pad: 20px;--transition-speed: .3s;--noise-bg: url(data:image/png;base64,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);--cursor-pointer: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RERCMUIwOUY4NkNFMTFFM0FBNTJFRTMzNTJEMUJDNDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RERCMUIwQTA4NkNFMTFFM0FBNTJFRTMzNTJEMUJDNDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEREIxQjA5RDg2Q0UxMUUzQUE1MkVFMzM1MkQxQkM0NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEREIxQjA5RTg2Q0UxMUUzQUE1MkVFMzM1MkQxQkM0NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pmri+BYAAAK2SURBVHja7JZNS1RRGMfvnHtnJpzxo0kjSywoahG0qCiIxKIgiIJaFYhYm6Bw0Q8o+wBRLZIgCFpEtCgMLBJpIQhBQUSRUVGiZIvUyWk0x5m5H+fj3JE7xjg1eTdtXDxwOC/3vM/5n+c8z3nOFZqmoYPDgh0aVjgE2GgJCCHdmJKuW9/g2H7huCwJ3fK8raw0DdxmT7q5hxLUTZq7KJhzOJlt3ULz7Qr0Dz2Hah9nwZTi8T1Ipf5gXyqJ5Z5ufHvzHKZJqQpPJqZw4mQKXq8XqqqyGCmKAhkTWJYFSZKgKApEUUQ2m8X6+jrGx8cR6urGpUuXMTx8A4K1V1DUdBpXr/Tj5s0hTE/PYGpqirMG9uTkJEZGRhCPx5kAud1uBINBuFwueDweeDwepNNp5HK5bUnjOPj9fvT19WFsbIyJcOHCRfh8PmiaivTaGvdRMpnE4OAg94xdLpVKoVAocCEymQxWVlZ2bTSO40gkEohEIpifn8fm5iYqlQpM04DH60VPTw8mJiaQz+e5UJlMFoVCHqqqghDCRWCYpgnDMKBpGjweL9xuF/L5HEqlEjKZDDY2NtDe3o5IJMKF4JXA7/cjGAxuM8/WQ5IkqXYANRFisRgXolKpYHl5GcViEW1tbQiHw9B1HdlsFqVSCRsbG/B6vYhGo2hra+PVsLq6itnZWRiGjnA4glAoVIsDDSsrK5ibm0OlXOa5X15eRrFYhKIoCIVCCAQCXAhZlrfFQblcxtLSEoLBEPdEsVjgOa5Wq1wAy7IQCARQKpVQrVahkB0Vr1qtVlnihXoLJpNJzMzMIJFI4MiRoyDEwMrKMjY3v6K7+xhCoUOIRg9D13UMDQ2h5/hxnDt/Hv0DA/hw7x5sxwGx7fYs+N/+C3b9Mv4jwABJn/WnS+9JOAAAAABJRU5ErkJggg==), auto}body{font-family:Inconsolata,monospace;background:var(--bg);background-image:var(--noise-bg);color:var(--text);margin:0;padding:0;min-height:100vh;line-height:1.6;opacity:1;transition:background var(--transition-speed) ease,color var(--transition-speed) ease}.container{width:840px;margin:0 auto;padding:var(--pad)}a{color:var(--link-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--teal)}.header{background:linear-gradient(to bottom,var(--teal),var(--teal-dark));color:var(--text-light);border-radius:var(--radius);padding:20px 25px;margin-bottom:20px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:background var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,#fff3,#fff0);border-radius:var(--radius) var(--radius) 0 0}.header-content{display:flex;justify-content:space-between;align-items:flex-start;padding-top:5px}.title-area{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.clock{font-size:.9em;color:gray;margin-left:auto;position:relative;z-index:10}.theme-toggle,.theme-toggle-mobile{display:none}.logo{font-size:2.2em;font-weight:300;text-shadow:0 2px 4px oklch(0% 0 0 / .5);position:relative;margin:0}.tagline{font-size:.95em;font-weight:400;position:relative;color:var(--text-light);text-shadow:0 1px 2px oklch(0% 0 0 / .7);margin-top:-2px}.nav{margin-top:12px;display:flex;align-items:center;justify-content:space-between;position:relative}.nav-buttons{display:flex}.button{display:inline-block;padding:8px 15px;margin-right:10px;border-radius:var(--radius);color:var(--text-light);text-decoration:none;font-weight:400;box-shadow:0 1px 2px #0003;text-shadow:0 1px 2px oklch(0% 0 0 / .5);transition:all .3s ease,box-shadow .2s ease;position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,#ffffff80,#fff3 45%,#fff0 60% 100%);border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;pointer-events:none;z-index:1}.button:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20%;background:linear-gradient(to top,#ffffff1a,#fff0);pointer-events:none;z-index:1}.nav-button{background:linear-gradient(to bottom,#ffffff4d,#ffffff1a);border:1px solid oklch(100% 0 0 / .1)}.nav-button:hover{background:linear-gradient(to bottom,#fff6,#fff3);border:1px solid var(--green);color:var(--green);box-shadow:0 0 0 3px var(--green-glow)}.nav-button:active{background:linear-gradient(to bottom,#fff3,#ffffff1a);box-shadow:inset 0 1px 3px #0000004d,0 0 0 2px var(--green-glow)}.content-box{background:var(--card-bg);background-image:var(--noise-bg);border-radius:var(--radius);padding:0;margin-bottom:20px;box-shadow:var(--shadow);border:2px dashed var(--card-border);border-color:#0003;background-clip:padding-box;position:relative;overflow:hidden;transition:background var(--transition-speed) ease,border var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.content-box:after{content:"";position:absolute;inset:0;z-index:-1;margin:5px;border-radius:calc(var(--radius) - 5px);box-shadow:0 0 0 1px #ffffff4d;pointer-events:none}.content-header{padding:8px 10px;font-weight:700;display:flex;align-items:center;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.7);transition:border-color var(--transition-speed) ease;position:relative}.about-header,.links-header{background-image:linear-gradient(to bottom,#ffffff90,#fff2 46%,#fff0 50% 100%),repeating-linear-gradient(45deg,var(--teal-marquee),var(--teal-marquee) 10px,var(--teal-marquee-dark) 10px,var(--teal-marquee-dark) 20px);transition:background-image var(--transition-speed) ease;margin-left:-15px;padding-left:25px}.projects-header{background-image:linear-gradient(to bottom,#ffffff90,#fff2 46%,#fff0 50% 100%),repeating-linear-gradient(45deg,var(--purple),var(--purple) 10px,oklch(52% .16 298) 10px,oklch(52% .16 298) 20px);transition:background-image var(--transition-speed) ease;margin-left:-15px;padding-left:25px}.about-header:before,.links-header:before{content:"";position:absolute;left:0;bottom:-10px;width:15px;height:10px;background-color:var(--teal-marquee-dark);border-top-right-radius:0;border-bottom-right-radius:0;z-index:-1;opacity:.7;box-shadow:inset -5px -5px 5px #0000001a}.projects-header:before{content:"";position:absolute;left:0;bottom:-10px;width:15px;height:10px;background-color:#764eb7;border-top-right-radius:0;border-bottom-right-radius:0;z-index:-1;opacity:.7;box-shadow:inset -5px -5px 5px #0000001a}.content-box h2{color:#fff;margin:0;font-weight:400;font-size:1.1em;text-transform:uppercase}.content-body{padding:var(--pad);box-shadow:inset 0 1px 3px #0000001a}.social-icons{display:flex;align-items:center;padding:0;margin:0}.social-button{margin-right:10px;box-shadow:0 0 2px #0003}.social-button:hover{color:#fff}.github-button{background:linear-gradient(to bottom,#484848,#0b0b0b);border:1px solid oklch(15% .01 0)}.github-button:hover{background:linear-gradient(to bottom,#636363,#222);box-shadow:0 0 0 3px var(--github-glow)}.github-button:active{background:linear-gradient(to bottom,#555,#161616);box-shadow:inset 0 1px 3px #0000004d,0 0 0 2px var(--github-glow)}.github-button:before{visibility:hidden}.twitter-button{background:linear-gradient(to bottom,oklch(67% .19 230),oklch(57% .17 230));border:1px solid oklch(52% .16 230)}.twitter-button:hover{background:linear-gradient(to bottom,oklch(72% .2 230),oklch(62% .18 230));box-shadow:0 0 0 3px var(--twitter-glow)}.twitter-button:active{background:linear-gradient(to bottom,oklch(62% .18 230),oklch(52% .16 230));box-shadow:inset 0 1px 3px #0000004d,0 0 0 2px var(--twitter-glow)}.button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.footer{text-align:center;color:var(--footer-color);margin-top:20px;padding:var(--pad);font-size:.9em;text-shadow:0 1px 0 var(--text-light);transition:color var(--transition-speed) ease,text-shadow var(--transition-speed) ease}.project-card{display:flex;flex-direction:column;margin-bottom:20px;border-bottom:1px dashed var(--card-border);padding:10px}.project-card:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.project-title{font-size:1.3em;font-weight:600;margin-bottom:5px;color:var(--text)}.project-description{margin-bottom:10px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.project-tag{padding:3px 8px;border-radius:4px;font-size:.8em;font-weight:500;color:#fff}.project-tag[data-color=pink]{background:var(--pink)}.project-tag[data-color=green]{background:var(--tag-green);color:#000}.project-tag[data-color=teal]{background:var(--tag-teal);color:#000}.project-tag[data-color=orange]{background:var(--orange);color:#000}.project-tag[data-color=purple]{background:var(--purple)}@media (max-width: 980px){.container{width:auto;margin:0 20px}}@media (max-width: 600px){.header{padding:15px}.logo{font-size:1.8em}.tagline{font-size:.85em}.content-body{padding:15px}.title-area{gap:2px}.clock{font-size:.8em}.theme-toggle{display:none}.theme-toggle-mobile{display:block}.nav{margin-top:10px}}