:root{--color-primary:#2949fd;--color-secondary:#a4a9c4}body{width:100%;height:100%;margin:0;padding:0;position:absolute}.text\:blue{color:var(--color-primary)}.bg\:green{background:#06b300}.bg\:yellow{background:#e7e406}.bg\:red{background:#b30000}header nav>:hover:not(.active){background-color:var(--color-secondary)}.button-blue{white-space:nowrap;background-color:#07176d;flex-wrap:nowrap;align-items:center;display:inline-flex;color:#fff!important}.button-blue svg{flex:none}.button-blue:hover{background-color:#a4a9c4;color:#333!important}#moon-view{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#moon-anchor{--size:40vw;--width:var(--size);--height:var(--size);--anchor-x:50%;--anchor-y:50%;z-index:10000;position:absolute;top:50%;left:50%}a.button{color:#1831bd;text-align:center;cursor:pointer;background-color:#fff;border:1px solid #1c1fd6;border-radius:10px;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s ease-in-out;display:inline-block}a.button:hover,a.button\:secondary{color:#fff;text-align:center;cursor:pointer;background-color:#2146ff;border:1px solid #b0b1da;border-radius:10px;padding:1rem 2rem;font-weight:600;text-decoration:none;display:inline-block}a.button\:secondary:hover{color:#1831bd;text-align:center;cursor:pointer;background-color:#fff;border:1px solid #1c1fd6;border-radius:10px;padding:1rem 2rem;font-weight:600;text-decoration:none;display:inline-block}#page-scroll{z-index:1}.project-page{color:#475569;background:#fff}.project-page .project-container{width:min(1180px,100%);margin:0 auto;padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,4vw,3rem)}.project-page .project-heading{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:2rem;display:flex}.project-page h1{color:#172033;overflow-wrap:anywhere;margin:0 0 1rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.12}.project-page .project-heading-meta{color:#64748b;flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.project-page .project-heading-meta>span{color:#334155;font-weight:600}.project-page .project-edit{color:#2949fd;border:1px solid #cbd5e1;border-radius:.5rem;flex-shrink:0;padding:.6rem 1rem;font-weight:600}.project-page .project-overview{align-items:flex-start;gap:clamp(2rem,5vw,4rem);display:flex}.project-page .project-logo{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;flex:0 0 28%;padding:1.5rem}.project-page .project-logo img{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;max-height:280px;display:block}.project-page .project-summary{flex:1;min-width:0}.project-page .project-description{overflow-wrap:anywhere;font-size:1.075rem;line-height:1.8}.project-page .project-description p{margin:0 0 1.4rem}.project-page .project-description ul,.project-page .project-description ol{margin-bottom:1.4rem;padding-left:1.5rem}.project-page .project-description ul{list-style:outside}.project-page .project-description ol{list-style:decimal}.project-page .project-link{color:#fff;background:#2949fd;border-radius:.5rem;align-items:center;gap:1rem;margin-top:.5rem;padding:.8rem 1.2rem;font-weight:600;display:inline-flex}.project-page .project-link:hover{background:#203acb}.project-page a:focus-visible{outline-offset:4px;outline:3px solid #2949fd}.project-page .project-github{color:#2949fd;align-items:center;gap:.75rem;width:fit-content;max-width:100%;margin-top:2rem;font-weight:600;display:flex}.project-page .project-github svg{fill:#172033;flex:0 0 24px;width:24px;height:24px}.project-page .project-github span{overflow-wrap:anywhere;min-width:0}.project-page .project-github:hover span{text-decoration:underline}.project-page .project-details{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;gap:1.5rem;margin-top:2.5rem;padding:2rem 0;display:grid}.project-page .project-detail-group{grid-template-columns:110px minmax(0,1fr);align-items:baseline;gap:1rem;display:grid}.project-page .project-detail-group h2{text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin:0;font-size:.8rem}.project-page .project-chips{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.project-page .project-chips li{color:#2944ab;overflow-wrap:anywhere;background:#f0f3ff;border:1px solid #dce3fa;border-radius:999px;max-width:100%;padding:.4rem .85rem;font-size:.875rem;line-height:1.4}.project-page .project-tags li{color:#475569;background:#f8fafc;border-color:#e2e8f0}.project-page .project-gallery{margin-top:3rem}.project-page .project-gallery>h2{color:#172033;margin:0 0 1.5rem;font-size:1.5rem}.project-page .project-media{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.5rem;display:grid}.project-page .project-media-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.9rem;min-width:0;overflow:hidden;box-shadow:0 4px 16px #0f172a0a}.project-page .project-media figure{max-width:100%;margin:0;padding:1rem}.project-page .project-media-caption{color:#64748b;overflow-wrap:anywhere;background:#fff;border-top:1px solid #e2e8f0;margin:0;padding:1rem 1.25rem;font-size:.9rem;line-height:1.6}@media (width<=700px){.project-page .project-heading,.project-page .project-overview{flex-direction:column}.project-page .project-logo{flex-basis:auto;width:min(100%,300px)}.project-page .project-detail-group{grid-template-columns:1fr;gap:.75rem}.project-page .project-media{grid-template-columns:1fr}}html{font-family:Proxima Nova,Georgia,sans-serif}a{color:inherit;cursor:pointer;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:Proxima Nova,Georgia,sans-serif;font-weight:700;display:block}h1{margin-bottom:1em;font-size:2.5rem;line-height:2.5rem}.container{width:min(1480px,90%)}body.juice-scroll{flex-direction:column;width:100vw;height:100vh;margin:0;padding:0;display:flex;position:relative;overflow:hidden}body.juice-scroll>header{flex:none}body.juice-scroll>#page-scroll{flex:auto;height:auto;min-height:0;position:relative}label{font-weight:700}.font-proxima{font-family:Proxima Nova,Georgia,sans-serif}.font-proxima-bold{font-family:proxima_nova_altbold}juice-scrollbar>header{z-index:1000}header{position:sticky;top:0}.site-header__inner{flex-direction:column;display:flex}.site-header__navigation{min-width:0}@media (width>=768px){.site-header__inner{flex-flow:row;align-items:stretch}}header .bshadow{opacity:.4;z-index:-1;width:90%;height:0;position:absolute;left:50%;transform:translate(-50%)}header .bshadow div{background:#000;border-radius:50%;width:calc(100% - 60px);height:20px;position:absolute;left:50%;transform:translate(-50%,-100%);box-shadow:0 0 21px 14px #000}.button{cursor:pointer;text-align:center;color:#fff;background-color:#4b5563;border:1px solid #1c1fd6;border-radius:15px;padding:1rem 2rem;text-decoration:none;display:inline-block}.button-sm{cursor:pointer;text-align:center;color:#fff;background-color:#4b5563;border:1px solid #1c1fd6;border-radius:10px;padding:.25rem .5rem;text-decoration:none;display:inline-block}p{margin-bottom:2rem}#scroll-content{will-change:transform}.particle{background-color:#0000;border:0;width:1px;height:1px;transform:translateZ(0)}.particle:before{content:"";width:var(--size);height:var(--size);background:inherit;z-index:10;transform-origin:50%;background-color:#fff;border-radius:50%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.particle:after{content:"";width:calc(var(--size) * .9);height:calc(var(--size) * .9);transform-origin:50%;transform:translate(calc(-50% + var(--rand) * -1px), calc(-50% + var(--rand) * -1px));background:#90a0be;border-radius:50%;display:block;position:absolute;top:50%;left:50%}.table-wrapper{width:100%;overflow-x:auto}.blog-form-fields>*+*{margin-top:1.5rem}.blog-article>*+*{margin-top:1.25rem}.blog-article h2{padding-top:1.25rem;font-size:1.875rem}.blog-article h3{padding-top:.75rem;font-size:1.5rem}.blog-article a{color:#1d4ed8;font-weight:600}.blog-article blockquote{border-left:4px solid #3b82f6;padding-left:1.25rem}.blog-article ul{list-style:outside}.blog-article ol{list-style:decimal}.blog-article li{margin-left:1.5rem}.blog-article pre{color:#f1f5f9;background-color:#0f172a;border-radius:.5rem;padding:1.25rem;overflow-x:auto}table{border-collapse:collapse;border-spacing:0;text-align:center;border:1px solid #90a0be;border-top-right-radius:1rem;width:100%;margin:10px auto 1rem}table tr th{color:#fff;white-space:nowrap;background-color:#172554;border-right:1px solid #90a0be;padding:5px;font-size:12px;font-weight:400}table tr th:last-child{border-right:0;border-top-right-radius:1rem}table tr td{vertical-align:top;border-bottom:1px solid #90a0be;border-right:1px solid #90a0be;padding:5px;font-size:12px;font-weight:400}td.nowrap{white-space:nowrap}td.align-left{text-align:left}td.align-right{text-align:right}td.align-center{text-align:center}table{border-bottom:2px solid #90a0be}#scroll-content{flex-direction:column;justify-content:flex-start;min-height:100vh;display:flex;position:relative}#scroll-content main{flex:1 0 auto;height:100%}nav{height:100%;position:relative}nav>*{flex-direction:row;align-items:center;padding:0 1rem;display:flex}nav>* span{flex:none;display:block}.dropdown-menu{padding-right:15px;position:relative}.dropdown-menu>.dropdown{background-color:#fff;border:1px solid #90a0be;margin:0;padding:0;list-style:none;display:none;position:absolute;top:100%}.dropdown-menu:hover>.dropdown{z-index:100;display:block;left:0}.dropdown>ul{background-color:#fff;border:1px solid #90a0be;margin:0;padding:0;list-style:none}.dropdown>ul>li{text-indent:15px;white-space:nowrap;border-bottom:1px solid #90a0be;line-height:40px;position:relative}.dropdown>ul>li>a{padding-right:15px}.popout>ul{background-color:#fff;border:1px solid #90a0be;margin:0;padding:0;list-style:none}.popout>ul>li{text-indent:15px;white-space:nowrap;border-bottom:1px solid #90a0be;line-height:40px;position:relative}.popout>ul>li>a{padding-right:15px}.popout-menu a{padding-right:15px;display:block}.popout-menu{position:relative}.popout-menu .popout{background:#f3f3f3;border:1px solid #333;display:none;position:absolute;top:0}.popout-menu .popout.left{right:100%}.popout-menu .popout.right{left:100%}.popout-menu .popout:before{content:"";background:inherit;clip-path:polygon(0 0,100% 0,100% 100%);z-index:1;width:20px;height:20px;display:block;position:absolute;top:0;right:100%}.popout-menu .popout:after{content:"";background:inherit;clip-path:polygon(0 0,100% 0,100% 100%);z-index:0;background:#333;width:22px;height:22px;display:block;position:absolute;top:-1px;right:100%}.popout-menu:hover .popout{display:block}.popout-menu .popout>ul>li{text-indent:15px;line-height:40px}header nav a{text-decoration:none}header nav .dropdown-menu__label{height:100%;color:inherit;align-items:center;display:flex}header nav>a.active,header nav>.dropdown-menu.active>.dropdown-menu__label,header nav>.dropdown-menu.active>div:first-child{color:#1e40af;font-weight:700;box-shadow:inset 0 -3px #2949fd}header nav .dropdown li.active>a,header nav .dropdown li.active>.popout-menu>a,header nav .dropdown a.active{color:#1e40af;background:#2949fd1a;font-weight:700}header nav .dropdown a.active{display:block}#skills-pane{background:#fff url(http://chriskirby.local/images/empty-room.jpg) 50%/cover no-repeat;height:100vh}#page-footer nav li{padding:0}#page-footer nav li a:hover{color:#1c1fd6;background-color:#0000!important}