html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{font-family:Lato,Arial,Helvetica,sans-serif;font-size:1.1rem;position:relative;min-height:100vh}div,main,header{box-sizing:border-box}.container{margin:0 auto;max-width:960px;padding:0 0 32px}.row{margin:0 0 48px;width:100%;padding:24px 32px;display:flex;justify-content:space-between;flex-wrap:wrap}.row.m-reset{margin:0}.wide-col{width:72%}.narrow-col{width:20%;display:flex;flex-direction:column;justify-content:center}header{align-items:flex-end}nav{display:flex;justify-content:space-between}h1,h2,h3,h4{margin:8px 0;font-family:Sora,Arial,Helvetica,sans-serif;line-height:120%}h1.big-h1{font-size:4rem}h1{font-size:2.4rem}h2{font-size:1.8rem}h3{font-size:1.3rem}p{margin:24px 0;line-height:160%}footer{bottom:0;padding:16px 0;width:100%;text-align:center;font-size:.8rem;position:absolute}a{text-decoration:none}a.underline{text-decoration:underline}a.underline:is(:hover,:focus){text-decoration:none}a.small-button,a.small-button-invert{line-height:100%;display:inline-block;margin:1px 0;padding:8px;border-radius:4px}header a.small-button,header a.small-button-invert{display:block}a.button{display:inline-block;margin:16px 0;border:2px solid;border-radius:6px;padding:16px 24px;text-align:center}.dropdown-container{display:flex;justify-content:flex-end;text-align:right}.dropdown{display:none;position:absolute;margin-top:34px;padding-top:36px}.dropdown-container:hover .dropdown{display:flex;flex-direction:column;align-items:flex-end}.burger-wrapper{display:none;flex-direction:column;align-items:flex-end;text-align:right}#burger-nav-container{display:none;margin-top:64px;flex-direction:column;align-items:flex-end}.burger-nav{margin:1.5px 0;border:1px solid;border-radius:4px;padding:8px}#burger-nav-dropdown{display:none}.card-container{margin-bottom:24px;width:31%;border-radius:4px;border:1.5px solid;padding:16px 20px;box-sizing:border-box}a.card{display:block}.fourth-card{align-items:center;justify-content:center;text-align:center;display:none}.article-list{padding-bottom:24px}a.subtle-button{display:block;padding:12px 12px 4px;border-bottom:1px solid}.project-container{margin:16px 0;min-height:200px;width:48%}.project-container:hover{outline:4px solid}.project-container.featured{width:100%;max-width:none}.project-container.featured .img-overflow img{width:100%;height:auto}.img-overflow{overflow:hidden}.img-overflow img{height:320px;-o-object-fit:cover;object-fit:cover}.logo{height:40px}.divide{padding-bottom:16px;border-bottom:1.5px solid}em{font-weight:700}.margin-bottom-96{margin-bottom:96px}a.margin-right-1{margin-right:1px}a.margin-left-1{margin-left:1px}.top-pad{padding-top:64px}.row.title{padding-bottom:0;margin-bottom:0}a.left-radius{display:none;margin-right:1px;border-radius:4px 0 0 4px}a.right-radius{margin-left:1px;border-radius:0 4px 4px 0}.right-float{float:right}.left-float{float:left}.big-font{font-size:140%;line-height:1rem}#more-bg-projects{display:none}.photo{margin-bottom:16px;border-radius:4px}.small-font{font-size:.9rem}.content-list li{line-height:160%;text-decoration:underline;margin-bottom:12px}pre{word-break:break-all;white-space:pre-wrap;font-family:monospace;padding:8px}ul.normal>li{margin-bottom:12px;line-height:160%;list-style:disc;margin-left:32px}input[type=text],input[type=email],textarea{width:100%;padding:12px;box-sizing:border-box;border:1.5px solid;border-radius:4px;font-family:Lato,Arial,Helvetica,sans-serif;font-size:1.1rem}.input-wrapper,form p{margin:12px 0}input[type=submit]{display:inline-block;padding:16px 24px;font-size:1.1rem;font-family:Lato,Arial,Helvetica,sans-serif;border-radius:6px;border:2px solid}body{background-color:#1e2240;color:#c2d3e6}.divide{border-color:#f7b43b}h1,h2,h3,h4{color:#eaf0f4}a{color:#f7b43b}footer{background-color:#303555;color:#c2d3e6}a.small-button:hover,a.small-button-invert{background-color:#f7b43b;color:#1e2240}a.small-button-invert:hover{background-color:transparent;color:#f7b43b}a.button{border-color:#f7b43b}a.button:hover{background-color:#f7b43b;color:#1e2240}.burger-nav{border-color:#f7b43b;background-color:#1e2240}a.subtle-button:hover{background-color:#303555}.card-container{border-color:#303555}a.card{color:#c2d3e6}.project-container:hover,.project-container.featured:hover{outline-color:#f7b43b}input[type=text],input[type=email],textarea{border-color:#303555;background-color:#eaf0f4;color:#303555}input[type=submit]{border-color:#f7b43b;background-color:transparent;color:#f7b43b}input[type=submit]:hover{background-color:#f7b43b;color:#1e2240}@media (max-width: 880px){.card-container{width:48%}.project-container{width:100%;max-width:480px;margin:0 auto;margin-bottom:1.5rem}.fourth-card{display:flex}main.row .wide-col{width:100%}main.row .narrow-col{display:none}}@media (max-width: 770px){.row{margin:0 0 32px}.wide-col{width:100%;order:2}.narrow-col{width:50%}header.row{border-bottom:1px solid rgba(0,0,0,.2)}header{align-items:center}.logo{height:32px}.burger{height:24px}nav{display:none}.burger-wrapper{display:flex}}@media (max-width: 600px){.row{margin:0 0 24px;padding:16px 24px}h1.big-h1{font-size:3.2rem}h1{font-size:2.2rem}h2{font-size:1.6rem}}@media (max-width: 550px){.card-container{width:100%}.fourth-card{display:none}}@media (max-width: 500px){.row{padding:8px 16px}h1{font-size:2rem}h2{font-size:1.5rem}}@media (max-width: 300px){h1.big-h1{font-size:2.7rem}}main a:not([class]){text-decoration:underline}main li{margin:24px;list-style-type:disc;line-height:120%}main :is(h1,h2){padding-bottom:8px}main code{font-family:monospace;color:#f7b43b}.header-sticky-0{position:sticky;top:0;z-index:1010}header{background-color:#1e2240}.project-container{position:relative}.project-card-tags{position:absolute;top:1.25rem;right:1.5rem;display:flex;gap:.25rem}.project-card-tag{border-radius:100px;padding:.25rem .5rem;font-size:.75rem;color:#1e2240;font-weight:700;background-color:#f7b43b}
