@media(prefers-color-scheme:dark){:root{--primary-100: hsl(215, 16%, 15%);--primary-200: hsl(215, 16%, 13%);--primary-300: hsl(215, 16%, 11%);--primary-400: hsl(215, 16%, 9%);--primary-500: hsl(215, 16%, 7%);--primary-600: hsl(215, 16%, 6%);--primary-700: hsl(215, 16%, 5%);--primary-800: hsl(215, 16%, 4%);--primary-900: hsl(215, 16%, 3%);--neutral-100: hsl(40, 25%, 90%);--neutral-200: hsl(40, 22%, 82%);--neutral-300: hsl(40, 18%, 70%);--neutral-400: hsl(40, 15%, 58%);--neutral-500: hsl(40, 12%, 45%);--neutral-600: hsl(40, 10%, 35%);--neutral-700: hsl(40, 8%, 25%);--neutral-800: hsl(40, 6%, 18%);--neutral-900: hsl(40, 5%, 12%);--accent-red-100: hsl(355, 35%, 75%);--accent-red-200: hsl(355, 38%, 68%);--accent-red-300: hsl(355, 42%, 60%);--accent-red-400: hsl(355, 45%, 52%);--accent-red-500: hsl(355, 50%, 48%);--accent-red-600: hsl(355, 55%, 42%);--accent-red-700: hsl(355, 60%, 36%);--accent-red-800: hsl(355, 65%, 30%);--accent-red-900: hsl(355, 70%, 24%);--accent-green-100: hsl(145, 30%, 72%);--accent-green-200: hsl(145, 32%, 64%);--accent-green-300: hsl(145, 35%, 56%);--accent-green-400: hsl(145, 38%, 48%);--accent-green-500: hsl(145, 42%, 42%);--accent-green-600: hsl(145, 45%, 36%);--accent-green-700: hsl(145, 48%, 30%);--accent-green-800: hsl(145, 50%, 24%);--accent-green-900: hsl(145, 52%, 18%);--accent-yellow-100: hsl(45, 40%, 78%);--accent-yellow-200: hsl(45, 42%, 70%);--accent-yellow-300: hsl(45, 45%, 62%);--accent-yellow-400: hsl(45, 48%, 54%);--accent-yellow-500: hsl(45, 50%, 48%);--accent-yellow-600: hsl(45, 52%, 42%);--accent-yellow-700: hsl(45, 54%, 36%);--accent-yellow-800: hsl(45, 56%, 30%);--accent-yellow-900: hsl(44, 43%, 10%);--accent-blue-100: hsl(205, 35%, 72%);--accent-blue-200: hsl(205, 38%, 64%);--accent-blue-300: hsl(205, 42%, 56%);--accent-blue-400: hsl(205, 45%, 48%);--accent-blue-500: hsl(205, 48%, 42%);--accent-blue-600: hsl(205, 50%, 36%);--accent-blue-700: hsl(205, 52%, 30%);--accent-blue-800: hsl(205, 54%, 24%);--accent-blue-900: hsl(205, 56%, 18%)}}@media(prefers-color-scheme:light){:root{--primary-100: hsl(215, 16%, 85%);--primary-200: hsl(215, 16%, 87%);--primary-300: hsl(215, 16%, 89%);--primary-400: hsl(215, 16%, 91%);--primary-500: hsl(215, 16%, 93%);--primary-600: hsl(215, 16%, 94%);--primary-700: hsl(215, 16%, 95%);--primary-800: hsl(215, 16%, 96%);--primary-900: hsl(215, 16%, 97%);--neutral-100: hsl(40, 25%, 10%);--neutral-200: hsl(40, 22%, 18%);--neutral-300: hsl(40, 18%, 30%);--neutral-400: hsl(40, 15%, 42%);--neutral-500: hsl(40, 12%, 55%);--neutral-600: hsl(40, 10%, 65%);--neutral-700: hsl(40, 8%, 75%);--neutral-800: hsl(40, 6%, 82%);--neutral-900: hsl(40, 5%, 88%);--accent-red-100: hsl(355, 35%, 25%);--accent-red-200: hsl(355, 38%, 32%);--accent-red-300: hsl(355, 42%, 40%);--accent-red-400: hsl(355, 45%, 48%);--accent-red-500: hsl(355, 50%, 52%);--accent-red-600: hsl(355, 55%, 58%);--accent-red-700: hsl(355, 60%, 64%);--accent-red-800: hsl(355, 65%, 70%);--accent-red-900: hsl(355, 70%, 76%);--accent-green-100: hsl(145, 30%, 28%);--accent-green-200: hsl(145, 32%, 36%);--accent-green-300: hsl(145, 35%, 44%);--accent-green-400: hsl(145, 38%, 52%);--accent-green-500: hsl(145, 42%, 58%);--accent-green-600: hsl(145, 45%, 64%);--accent-green-700: hsl(145, 48%, 70%);--accent-green-800: hsl(145, 50%, 76%);--accent-green-900: hsl(145, 52%, 82%);--accent-yellow-100: hsl(45, 40%, 22%);--accent-yellow-200: hsl(45, 42%, 30%);--accent-yellow-300: hsl(45, 45%, 38%);--accent-yellow-400: hsl(45, 48%, 46%);--accent-yellow-500: hsl(45, 50%, 52%);--accent-yellow-600: hsl(45, 52%, 58%);--accent-yellow-700: hsl(45, 54%, 64%);--accent-yellow-800: hsl(45, 56%, 70%);--accent-yellow-900: hsl(44, 43%, 90%);--accent-blue-100: hsl(205, 35%, 28%);--accent-blue-200: hsl(205, 38%, 36%);--accent-blue-300: hsl(205, 42%, 44%);--accent-blue-400: hsl(205, 45%, 52%);--accent-blue-500: hsl(205, 48%, 58%);--accent-blue-600: hsl(205, 50%, 64%);--accent-blue-700: hsl(205, 52%, 70%);--accent-blue-800: hsl(205, 54%, 76%);--accent-blue-900: hsl(205, 56%, 82%)}}:root.dark-theme{--primary-100: hsl(215, 16%, 15%);--primary-200: hsl(215, 16%, 13%);--primary-300: hsl(215, 16%, 11%);--primary-400: hsl(215, 16%, 9%);--primary-500: hsl(215, 16%, 7%);--primary-600: hsl(215, 16%, 6%);--primary-700: hsl(215, 16%, 5%);--primary-800: hsl(215, 16%, 4%);--primary-900: hsl(215, 16%, 3%);--neutral-100: hsl(40, 25%, 90%);--neutral-200: hsl(40, 22%, 82%);--neutral-300: hsl(40, 18%, 70%);--neutral-400: hsl(40, 15%, 58%);--neutral-500: hsl(40, 12%, 45%);--neutral-600: hsl(40, 10%, 35%);--neutral-700: hsl(40, 8%, 25%);--neutral-800: hsl(40, 6%, 18%);--neutral-900: hsl(40, 5%, 12%);--accent-red-100: hsl(355, 35%, 75%);--accent-red-200: hsl(355, 38%, 68%);--accent-red-300: hsl(355, 42%, 60%);--accent-red-400: hsl(355, 45%, 52%);--accent-red-500: hsl(355, 50%, 48%);--accent-red-600: hsl(355, 55%, 42%);--accent-red-700: hsl(355, 60%, 36%);--accent-red-800: hsl(355, 65%, 30%);--accent-red-900: hsl(355, 70%, 24%);--accent-green-100: hsl(145, 30%, 72%);--accent-green-200: hsl(145, 32%, 64%);--accent-green-300: hsl(145, 35%, 56%);--accent-green-400: hsl(145, 38%, 48%);--accent-green-500: hsl(145, 42%, 42%);--accent-green-600: hsl(145, 45%, 36%);--accent-green-700: hsl(145, 48%, 30%);--accent-green-800: hsl(145, 50%, 24%);--accent-green-900: hsl(145, 52%, 18%);--accent-yellow-100: hsl(45, 40%, 78%);--accent-yellow-200: hsl(45, 42%, 70%);--accent-yellow-300: hsl(45, 45%, 62%);--accent-yellow-400: hsl(45, 48%, 54%);--accent-yellow-500: hsl(45, 50%, 48%);--accent-yellow-600: hsl(45, 52%, 42%);--accent-yellow-700: hsl(45, 54%, 36%);--accent-yellow-800: hsl(45, 56%, 30%);--accent-yellow-900: hsl(44, 43%, 10%);--accent-blue-100: hsl(205, 35%, 72%);--accent-blue-200: hsl(205, 38%, 64%);--accent-blue-300: hsl(205, 42%, 56%);--accent-blue-400: hsl(205, 45%, 48%);--accent-blue-500: hsl(205, 48%, 42%);--accent-blue-600: hsl(205, 50%, 36%);--accent-blue-700: hsl(205, 52%, 30%);--accent-blue-800: hsl(205, 54%, 24%);--accent-blue-900: hsl(205, 56%, 18%)}:root.light-theme{--primary-100: hsl(215, 16%, 85%);--primary-200: hsl(215, 16%, 87%);--primary-300: hsl(215, 16%, 89%);--primary-400: hsl(215, 16%, 91%);--primary-500: hsl(215, 16%, 93%);--primary-600: hsl(215, 16%, 94%);--primary-700: hsl(215, 16%, 95%);--primary-800: hsl(215, 16%, 96%);--primary-900: hsl(215, 16%, 97%);--neutral-100: hsl(40, 25%, 10%);--neutral-200: hsl(40, 22%, 18%);--neutral-300: hsl(40, 18%, 30%);--neutral-400: hsl(40, 15%, 42%);--neutral-500: hsl(40, 12%, 55%);--neutral-600: hsl(40, 10%, 65%);--neutral-700: hsl(40, 8%, 75%);--neutral-800: hsl(40, 6%, 82%);--neutral-900: hsl(40, 5%, 88%);--accent-red-100: hsl(355, 35%, 25%);--accent-red-200: hsl(355, 38%, 32%);--accent-red-300: hsl(355, 42%, 40%);--accent-red-400: hsl(355, 45%, 48%);--accent-red-500: hsl(355, 50%, 52%);--accent-red-600: hsl(355, 55%, 58%);--accent-red-700: hsl(355, 60%, 64%);--accent-red-800: hsl(355, 65%, 70%);--accent-red-900: hsl(355, 70%, 76%);--accent-green-100: hsl(145, 30%, 28%);--accent-green-200: hsl(145, 32%, 36%);--accent-green-300: hsl(145, 35%, 44%);--accent-green-400: hsl(145, 38%, 52%);--accent-green-500: hsl(145, 42%, 58%);--accent-green-600: hsl(145, 45%, 64%);--accent-green-700: hsl(145, 48%, 70%);--accent-green-800: hsl(145, 50%, 76%);--accent-green-900: hsl(145, 52%, 82%);--accent-yellow-100: hsl(45, 40%, 22%);--accent-yellow-200: hsl(45, 42%, 30%);--accent-yellow-300: hsl(45, 45%, 38%);--accent-yellow-400: hsl(45, 48%, 46%);--accent-yellow-500: hsl(45, 50%, 52%);--accent-yellow-600: hsl(45, 52%, 58%);--accent-yellow-700: hsl(45, 54%, 64%);--accent-yellow-800: hsl(45, 56%, 70%);--accent-yellow-900: hsl(44, 43%, 90%);--accent-blue-100: hsl(205, 35%, 28%);--accent-blue-200: hsl(205, 38%, 36%);--accent-blue-300: hsl(205, 42%, 44%);--accent-blue-400: hsl(205, 45%, 52%);--accent-blue-500: hsl(205, 48%, 58%);--accent-blue-600: hsl(205, 50%, 64%);--accent-blue-700: hsl(205, 52%, 70%);--accent-blue-800: hsl(205, 54%, 76%);--accent-blue-900: hsl(205, 56%, 82%)}:root.theme-transitioning *,:root.theme-transitioning *:before,:root.theme-transitioning *:after{transition:background-color .1s ease,color .1s ease,border-color .1s ease!important}@font-face{font-family:CommitMono;src:url(/fonts/CommitMono_VariableFont.woff2);font-weight:400;font-style:normal}:root{--font-primary: "Fira Code", monospace;font-size:18px}@media(max-width:600px){:root{font-size:16px}}button{font-size:18px}@media(max-width:600px){button{font-size:16px}}h1{font-size:2.5rem}@media(max-width:600px){h1{font-size:2.25rem}}h2{font-size:2rem}@media(max-width:600px){h2{font-size:1.75rem}}h3{font-size:1.375rem}@media(max-width:600px){h3{font-size:1.25rem}}h4{font-size:1.25rem}@media(max-width:600px){h4{font-size:1rem}}h5{font-size:1rem}@media(max-width:600px){h5{font-size:.875rem}}h6{font-size:.75rem}@media(max-width:600px){h6{font-size:.625rem}}#root.main{max-width:1100px;padding:0 10px;width:100%;min-height:100vh;margin:0 auto;display:flex;flex-direction:column}#root.main main{margin-top:80px}@media(max-width:900px){#root.main main{margin-top:40px}}@media(max-width:690px){#root.main main{margin-top:10px}}@media(max-width:420px){#root.main main{margin-top:10px}}#root.centered{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}#header nav{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,30px);align-items:start;column-gap:10px;row-gap:10px;margin-top:30px}@media(max-width:900px){#header nav{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,30px)}}@media(max-width:690px){#header nav{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(7,30px);column-gap:20px}}#header nav .logo-wrapper{grid-column:1;grid-row:1/4}@media(max-width:900px){#header nav .logo-wrapper{grid-row:1/6}}@media(max-width:690px){#header nav .logo-wrapper{grid-row:1/8}}#header nav .logo-wrapper .logo{text-decoration:none;color:var(--neutral-100)}#header nav .logo-wrapper .logo:hover{color:var(--neutral-300)}#header nav .logo-wrapper .logo pre{line-height:1.1123;width:fit-content}@media(max-width:900px){#header nav .logo-wrapper .logo pre{font-size:.75rem}}@media(max-width:690px){#header nav .logo-wrapper .logo pre{font-size:.75rem}}@media(max-width:690px){#header nav .logo-wrapper .logo pre{font-size:.625rem}}#header nav span{background:none;padding:1px}#header nav span:nth-child(2){grid-column:2;grid-row:1}#header nav span:nth-child(3){grid-column:2;grid-row:2}#header nav span:nth-child(4){grid-column:2;grid-row:3}#header nav span:nth-child(5){grid-column:3;grid-row:1}#header nav span:nth-child(6){grid-column:3;grid-row:2}#header nav span:nth-child(7){grid-column:3;grid-row:3}#header nav span:nth-child(8){grid-column:4;grid-row:1}#header nav span:nth-child(9){grid-column:4;grid-row:2}#header nav span:nth-child(10){grid-column:4;grid-row:3}@media(max-width:900px){#header nav span:nth-child(2){grid-column:1;grid-row:4}#header nav span:nth-child(3){grid-column:1;grid-row:5}#header nav span:nth-child(4){grid-column:2;grid-row:1}#header nav span:nth-child(5){grid-column:2;grid-row:2}#header nav span:nth-child(6){grid-column:2;grid-row:3}#header nav span:nth-child(7){grid-column:2;grid-row:4}#header nav span:nth-child(8){grid-column:2;grid-row:5}#header nav span:nth-child(9){grid-column:3;grid-row:1}#header nav span:nth-child(10){grid-column:3;grid-row:2}}@media(max-width:690px){#header nav span:nth-child(2){grid-column:1;grid-row:4}#header nav span:nth-child(3){grid-column:1;grid-row:5}#header nav span:nth-child(4){grid-column:1;grid-row:6}#header nav span:nth-child(5){grid-column:2;grid-row:1}#header nav span:nth-child(6){grid-column:2;grid-row:2}#header nav span:nth-child(7){grid-column:2;grid-row:3}#header nav span:nth-child(8){grid-column:2;grid-row:4}#header nav span:nth-child(9){grid-column:2;grid-row:5}#header nav span:nth-child(10){grid-column:2;grid-row:6}}#header nav span a,#header nav span button{background:none;border:none;outline:none;text-align:left;width:100%;display:block;padding:2px;text-decoration:none;color:var(--neutral-100);font-weight:500}#header nav span a:hover,#header nav span a.active,#header nav span button:hover,#header nav span button.active{background-color:var(--neutral-100);color:var(--primary-500)}#footer{display:flex;justify-content:space-between;margin-top:auto}@media(max-width:760px){#footer{flex-direction:column}}#footer .info-container{display:flex;flex-direction:column;gap:7px}#footer .line{max-width:29ch;overflow:hidden}@media(max-width:760px){#footer .line{max-width:100%}}#footer .site-info{display:flex;flex-direction:row;justify-content:space-between}#footer .links ul{display:grid;row-gap:0px;column-gap:20px;justify-content:start;align-items:center;grid-auto-flow:column;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,auto);list-style:none}@media(max-width:760px){#footer .links ul{margin-top:20px;grid-template-columns:repeat(3,1fr);width:100%}}@media(max-width:490px){#footer .links ul{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}#footer .links ul li{background:none}#footer .links ul li a{display:block;max-width:160px;height:100%;width:170px;padding:2px;text-decoration:none;color:var(--neutral-100);font-weight:500}@media(max-width:760px){#footer .links ul li a{width:100%}}#footer .links ul li:hover,#footer .links ul li.active{background-color:var(--neutral-100)}#footer .links ul li:hover a,#footer .links ul li.active a{color:var(--primary-500)}.post-card{margin-top:32px;margin-bottom:64px;cursor:pointer;text-decoration:none}.post-card a,.post-card a:hover,.post-card a *{text-decoration:none}.post-card .info{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.post-card .info .title{color:var(--neutral-100)}.post-card .info .date{color:var(--neutral-300);white-space:nowrap}@media(max-width:635px){.post-card .info{flex-direction:column;align-items:flex-start}}.post-card .image-wrapper{width:100%;height:400px;margin-top:4px;overflow:hidden}.post-card .image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .2s ease-in-out,filter 1s ease-in-out;filter:sepia(96%) saturate(.3) brightness(.7) contrast(1.2) hue-rotate(-15deg)}.post-card .description{margin-top:8px;color:var(--neutral-300);transition:color .2s ease-in-out}.post-card:hover .info .title{color:var(--primary-500);background-color:var(--neutral-100)}.post-card:hover .image-wrapper img{transform:scale(1.05);filter:none}.post-card:hover .description{color:var(--neutral-100)}@media(max-width:635px){.post-card:hover .info .title{color:var(--neutral-100);background-color:transparent;text-decoration:underline}}#home{padding-bottom:300px}#home .statuses-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-template-rows:repeat(auto-fit,minmax(0px,1fr));gap:8px}#home .statuses-container .status{display:flex;flex-direction:column;padding:8px 16px}#home .statuses-container .status.info{background-color:var(--accent-yellow-900);border-left:1px solid var(--accent-yellow-300)}#home .statuses-container .status.info .title{color:var(--accent-yellow-100)}#home .statuses-container .status.info .message{color:var(--accent-yellow-200)}#home .statuses-container .status .title{font-weight:700}#home .statuses-container .status .message{margin-top:4px}#home section{margin-top:32px}#home section hr{margin-top:8px}#home section+section{margin-top:64px}#home .recent-posts .no-posts{margin-top:20px}#home .about p{margin-top:12px;line-height:1.6}#home .about p:first-of-type{margin-top:8px}#home .about .links{margin-top:20px;display:flex;gap:16px;flex-wrap:wrap}#home .skills .skill-groups{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}#home .skills .skill-group{background-color:var(--primary-400);border:1px solid var(--primary-300);padding:16px}#home .skills .skill-group h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-300);margin-bottom:12px;padding-bottom:8px}#home .skills .skill-group ul{list-style:none;padding:0;margin:0}#home .skills .skill-group ul li{padding:4px 0}#home .work-highlights p{margin-top:8px}#home .work-highlights ul{margin-top:16px;list-style:none}#home .work-highlights ul li{margin-bottom:22px;line-height:1.5}section{margin-top:32px}section hr{margin-top:8px}.posts,.posts .no-posts{margin-top:20px}#post{padding-bottom:300px}#post .info{margin-top:8px;margin-bottom:8px;color:var(--neutral-400)}#post .info b{color:var(--neutral-200)}#post .image-wrapper{width:100%;aspect-ratio:1080/400;margin-top:4px;overflow:hidden}#post .image-wrapper img{object-fit:cover;width:100%;height:100%}#post .content{margin-top:32px;margin-bottom:32px}#post .content h1{font-weight:600;margin:4px 0}#post .content h2{font-weight:500}#post .content p,#post .content li,#post .content ul,#post .content ol,#post .content pre,#post .content code,#post .content blockquote{line-height:1.5em}#post .content p{margin-top:1.2rem}#post .content h1+p,#post .content h2+p,#post .content h3+p,#post .content h4+p,#post .content h5+p,#post .content h6+p{margin-top:0rem}#post .content p+h2,#post .content p+h3,#post .content p+h4,#post .content p+h5,#post .content p+h6{margin-top:1.2rem}#post .content h1{margin-top:1.2rem}#post .content h1:first-child{margin-top:0rem}#post .content ul,#post .content ol{list-style-position:inside}#portfolio{padding-bottom:300px}#portfolio hr{margin-top:8px;margin-bottom:64px}#portfolio section{margin-top:32px;margin-bottom:64px}#portfolio section h3{font-size:1rem;color:var(--neutral-300)}#portfolio section .images{display:block;perspective:1000px;position:relative;margin-top:30px}#portfolio section .images .image-blur-wrapper{perspective:1000px;position:relative}#portfolio section .images .image-blur-wrapper .logo{position:absolute;top:50%;left:0;z-index:1;transform:translateY(-50%);opacity:1;width:25%;transition:transform .2s ease-in-out,top .2s ease-in-out,left .2s ease-in-out,opacity 0s 0s}#portfolio section .images .image-blur-wrapper .logo.ppc{width:50%;left:-5%;filter:drop-shadow(4px 4px 0px rgb(255,255,255)) drop-shadow(-4px -4px 0px rgb(255,255,255)) drop-shadow(0px 0px 4px rgba(255,255,255,.8));border-radius:5px}@media(max-width:600px){#portfolio section .images .image-blur-wrapper .logo{transition:none;top:50%;left:50%;width:35%;transform:translate(-50%,-50%)}}#portfolio section .images .image-blur-wrapper .site{position:relative;transform:rotateY(10deg) scale(.8);display:block;filter:sepia(96%) saturate(.3) brightness(.7) contrast(1.2) hue-rotate(-15deg);transition:transform .2s ease-in-out,filter .2s ease-in-out}@media(max-width:600px){#portfolio section .images .image-blur-wrapper .site{transition:none;transform:rotateY(0) scale(1)}}#portfolio section .images .image-blur-wrapper:after{content:"";position:absolute;inset:0;backdrop-filter:blur(6px);mask:linear-gradient(to left,black,transparent);pointer-events:none;transition:backdrop-filter .2s ease-in-out}@media(max-width:600px){#portfolio section .images .image-blur-wrapper:after{transition:none;content:none}}@media(min-width:1100px){#portfolio section .images:hover .image-blur-wrapper .site{transform:rotateY(0) scale(1);filter:none}#portfolio section .images:hover .image-blur-wrapper:after{backdrop-filter:blur(0px)}#portfolio section .images:hover .logo.nvaccountancy{top:-54px;left:53px;transform:scale(.54);transition:transform .2s ease-in-out,top .2s ease-in-out,left .2s ease-in-out,opacity 0s .2s}#portfolio section .images:hover .logo.vgmm{top:-112px;left:50px;transform:scale(.084);opacity:0;transition:transform .2s ease-in-out,top .2s ease-in-out,left .2s ease-in-out,opacity 0s .2s}#portfolio section .images:hover .logo.ppc{top:-91px;left:11px;transform:scale(.14);opacity:0;transition:transform .2s ease-in-out,top .2s ease-in-out,left .2s ease-in-out,opacity 0s .2s}}#portfolio section .employment-info{margin-top:10px}#portfolio section .employment-info div{display:flex;color:var(--neutral-300);gap:10px}#portfolio section .employment-info div.description{flex-direction:column;gap:0px}#portfolio section .employment-info div.description p{margin-bottom:1em}#portfolio section .employment-info div b{color:var(--neutral-100)}#portfolio section .employment-info div p{hyphens:auto;max-width:1100px}#uses{padding-bottom:300px}#uses .note{color:var(--neutral-300)}#uses hr{margin-top:1rem;margin-bottom:1rem}#uses h3{margin-top:1.5rem}#uses h2{margin-top:2rem}#uses h2+h3{margin-top:0rem}#uses p{padding-left:24px}#uses ul{padding-left:24px;list-style:none}#uses ul.spaced li+li{margin-top:1rem}#uses p+p{margin-top:1rem}#contact{padding-bottom:300px}#contact .info{margin-top:8px;color:var(--neutral-300)}#contact .info b{color:var(--neutral-100)}#contact hr{margin-top:1rem;margin-bottom:2rem}#contact form{display:flex;flex-direction:column;gap:0;max-width:600px}#contact form .alert{font-weight:700}#contact form .alert.success{color:var(--accent-green-500)}#contact form .alert.error{color:var(--accent-red-500)}#contact form .alert.warning{color:var(--accent-yellow-500)}#contact form #website-label,#contact form #website{opacity:0;pointer-events:none;height:0;margin:0;padding:0;border:none;overflow:hidden;position:absolute;z-index:-1;inset:0}#contact form label{color:var(--neutral-100);font-weight:700;margin-bottom:8px;margin-top:1.5rem;display:block;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}#contact form label:before{content:"> ";color:var(--neutral-500)}#contact form input,#contact form textarea{background-color:var(--primary-400);border:1px solid var(--neutral-700);color:var(--neutral-100);padding:12px 16px;font-family:var(--font-primary);font-size:1rem;outline:none}#contact form input:focus,#contact form textarea:focus{border-color:var(--neutral-400);background-color:var(--primary-300);box-shadow:0 0 0 2px rgba(var(--neutral-700),.3)}#contact form input::placeholder,#contact form textarea::placeholder{color:var(--neutral-600)}#contact form textarea{resize:vertical;min-height:150px;line-height:1.5}#contact form button[type=submit]{margin-top:2rem;padding:0;background-color:transparent;border:none;color:var(--neutral-400);font-family:var(--font-primary);font-size:1rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;align-self:center;outline:none}#contact form button[type=submit]:before{content:"[ "}#contact form button[type=submit]:after{content:" ]"}#contact form button[type=submit]:hover,#contact form button[type=submit]:focus,#contact form button[type=submit]:active{background-color:var(--neutral-100);color:var(--primary-500)}#colophon{padding-bottom:300px}#colophon hr{margin-top:1rem;margin-bottom:1rem}#colophon section{margin-top:3rem}#colophon section.last{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--neutral-700)}#colophon h2{margin-bottom:1rem}#colophon h3{margin-top:2rem;margin-bottom:.5rem;color:var(--neutral-200)}#colophon p{padding-left:24px;line-height:1.7}#colophon p+p{margin-top:1rem}#colophon code{background-color:var(--primary-300);padding:.15rem .4rem;font-size:.9em}#colophon .note{color:var(--neutral-300)}#colophon .stack-diagram{margin:1.5rem 0;margin-left:24px;padding:1.5rem;background-color:var(--primary-400);overflow-x:hidden;display:flex;justify-content:center}#colophon .stack-diagram .small{display:none}@media(max-width:480px){#colophon .stack-diagram .large{display:none}#colophon .stack-diagram .small{display:block}}#colophon .stack-diagram pre{color:var(--neutral-200);font-size:.875rem;line-height:1.2;margin:0}@media(max-width:600px){#colophon .stack-diagram pre{font-size:.75rem}}#colophon .font-showcase{margin:1.5rem 0;margin-left:24px;padding:1.5rem;background-color:var(--primary-400)}#colophon .font-showcase .font-sample{display:flex;flex-direction:column;gap:.5rem;overflow:hidden}#colophon .font-showcase .font-sample .label{color:var(--neutral-400);font-size:.875rem;margin-bottom:.5rem}#colophon .font-showcase .font-sample .sample{font-size:1.25rem;color:var(--neutral-100);letter-spacing:.05em;white-space:wrap;word-break:break-all}@media(max-width:600px){#colophon .font-showcase .font-sample .sample{font-size:1rem}}#colophon .font-showcase .font-sample .sample.ligatures{font-feature-settings:"liga" 1,"calt" 1;color:var(--accent-blue-300)}#colophon .color-grid{margin:1.5rem 0;margin-left:24px;display:flex;flex-direction:column;gap:1.5rem}#colophon .color-grid .color-group .group-label{display:block;color:var(--neutral-400);font-size:.875rem;margin-bottom:.75rem}#colophon .color-grid .color-group .colors{display:flex;gap:.5rem;flex-wrap:wrap}#colophon .color-grid .color-group .colors .color{width:80px;height:80px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.5rem}@media(max-width:600px){#colophon .color-grid .color-group .colors .color{width:60px;height:60px}}#colophon .color-grid .color-group .colors .color span{font-size:.75rem;color:#ece8df;text-shadow:2px 2px 2px #000000}#colophon .color-grid .color-group .colors .color.light span{color:#0f1115;text-shadow:0px 0px 0px rgba(0,0,0,0)}#colophon .ascii-showcase{margin:1.5rem 0;margin-left:24px;padding:1.5rem;background-color:var(--primary-400);display:flex;justify-content:center}#colophon .ascii-showcase pre{color:var(--neutral-200);font-size:1rem;line-height:1.2;margin:0}@media(max-width:600px){#colophon .ascii-showcase pre{font-size:.75rem}}#colophon .stats{display:flex;justify-content:space-around;gap:2rem;margin:1.5rem 0;margin-left:24px;padding:1.5rem;background-color:var(--primary-400);flex-wrap:wrap}@media(max-width:600px){#colophon .stats{gap:1.5rem}}#colophon .stats .stat{display:flex;flex-direction:column;align-items:center;min-width:120px}@media(max-width:600px){#colophon .stats .stat{min-width:80px}}#colophon .stats .stat .value{font-size:2rem;font-weight:700;color:var(--accent-green-300)}@media(max-width:600px){#colophon .stats .stat .value{font-size:1.5rem}}#colophon .stats .stat .label{font-size:.875rem;color:var(--neutral-400);text-align:center}@media(max-width:600px){#colophon .stats .stat .label{font-size:.75rem}}#colophon ul.not-here{padding-left:24px;list-style:none}#colophon ul.not-here li{margin-bottom:1rem;line-height:1.6}#colophon ul.not-here li strong{color:var(--neutral-100)}#colophon ul.not-here li p{padding-left:0;color:var(--neutral-300)}#not-found pre{font-size:clamp(.25rem,min((100vw - 2rem) / 111,1rem),1rem);white-space:pre;margin:0;overflow-x:auto;line-height:1em;display:block;padding:4px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--primary-500);color:var(--neutral-100);font-family:var(--font-primary);margin:0 auto}code{font-family:var(--font-primary)}a,button{outline:none;border:none;background:none;font-family:var(--font-primary);color:var(--neutral-400);text-decoration:underline}a:hover,button:hover{color:var(--primary-500);background-color:var(--neutral-100);text-decoration:none}a.unstyled-link,button.unstyled-link{color:inherit;text-decoration:none;background-color:transparent}a.unstyled-link:hover,button.unstyled-link:hover{color:inherit;background-color:transparent}button{background-color:var(--neutral-600);color:var(--neutral-100);padding:0 4px;text-decoration:none;cursor:pointer}hr{border:none;border-top:1px solid var(--neutral-700)}