@font-face{font-family:Creato;src:url(/fonts/CreatoDisplay-Bold.otf)format("opentype");font-weight:700}@font-face{font-family:Creato;src:url(/fonts/CreatoDisplay-BoldItalic.otf)format("opentype");font-weight:700;font-style:italic}@font-face{font-family:Creato;src:url(/fonts/CreatoDisplay-ExtraBold.otf)format("opentype");font-weight:bolder}@font-face{font-family:Creato;src:url(/fonts/CreatoDisplay-Medium.otf)format("opentype");font-weight:medium}@font-face{font-family:Creato;src:url(/fonts/CreatoDisplay-Regular.otf)format("opentype");font-weight:400}@font-face{font-family:Creato;src:url(/fonts/CreatoDisplay-RegularItalic.otf)format("opentype");font-weight:400;font-style:italic}@font-face{font-family:Julia Mono;src:url(/fonts/JuliaMono-Bold.woff2)format("woff2");font-weight:700}@font-face{font-family:Julia Mono;src:url(/fonts/JuliaMono-Light.woff2)format("woff2");font-weight:lighter}@font-face{font-family:Julia Mono;src:url(/fonts/JuliaMono-Regular.woff2)format("woff2");font-weight:400}@font-face{font-family:Julia Mono;src:url(/fonts/JuliaMono-RegularItalic.woff2)format("woff2");font-weight:400;font-style:italic}:root{--secondary:#f8f8f8;--primary:#0f0f10;--tertiary:#545455;--test:#a3e96a;--success:#13843d;--error:#b22637;--link:#646cff;--selection:#646cffcc;--transparent:#0000;width:99vw;height:100vh;color:var(--primary);background-color:var(--secondary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:auto;padding:0;font-family:Creato,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}*,html,body{background-color:var(--secondary);color:var(--primary);margin:0;scroll-behavior:smooth!important}::selection{background:var(--selection)}.sr-only{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}p{margin:0;font-size:1.3rem}em{font-style:italic!important}li{font-size:1.3rem}a{padding:0;text-decoration:none}h1{margin:auto 0;font-size:3.2em;font-weight:700;line-height:1.1}h2{margin:auto 0;font-size:2em;font-weight:700;line-height:1.1}h3{margin:auto 0;font-size:1.4em;font-weight:500;line-height:1.1}h4{margin:auto 0;font-size:1.3em;font-weight:600;line-height:1.1}h5{color:#797979;margin:auto 0;font-size:1em;font-weight:600;line-height:1.1}button{font-family:Creato,Helvetica,Arial,sans-serif}pre{border:1px solid #c8c8c8;margin:2rem 1rem;padding:1rem}pre,code{background-color:#eaeaea;font-size:1rem}section{flex-direction:column;gap:6rem;padding:0 1rem;scroll-margin:7rem;display:flex}input,textarea{border:5px solid var(--primary);background-color:var(--secondary);color:var(--primary);-webkit-border-radius:0;border-radius:0;padding:.5rem .7rem;font-family:Julia Mono,monospace,sans-serif;font-size:1rem}#error-container{width:min-content;position:absolute;top:50%;transform:translateY(-50%)}img{image-rendering:high-quality;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.md-body-content{box-sizing:border-box;flex-direction:column;gap:1.5rem;margin-top:3rem;display:flex}.md-image-container{flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}.md-image-container img{max-height:40rem;padding:auto}.md-image-caption{color:var(--tertiary);text-align:center;margin-top:1rem;font-family:Julia Mono,monospace;font-weight:900}.md-body-content img{box-sizing:border-box;max-width:100%}.md-body-content h1{margin-bottom:1.5rem}.md-body-content h2{margin-top:3rem;margin-bottom:1.5rem;font-size:2.5rem}.md-body-content h3{margin-top:3rem;margin-bottom:1rem;font-weight:900}.md-body-content a:hover *,.md-body-content a:hover{color:var(--link)}.link:hover{fill:var(--link);color:var(--link)!important}.link:hover::selection{color:var(--secondary)}.section-heading{font-family:Julia Mono,monospace;font-size:4rem}.button{color:var(--primary);border:5px solid var(--primary);background-color:#0000;border-radius:0;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-family:Julia Mono,monospace;font-size:large;font-weight:900;transition:border-radius .2s,border-color .2s,background-color .2s,color .2s;display:flex}.button:hover,.button.active{background-color:var(--primary);color:var(--secondary);cursor:pointer;border:5px solid var(--primary);border-radius:30px}.button.loading{background-color:var(--secondary)!important}.button:hover span,.button.active span{color:var(--secondary);fill:var(--secondary)}.button span{background-color:var(--transparent);align-items:center;gap:1rem;display:flex}.button svg{background-color:var(--transparent);fill:var(--secondary)}.button:disabled{color:var(--primary);cursor:not-allowed;background-color:#0000;border:5px solid #797979;border-radius:0}.button:disabled span{color:#797979}#content-area{box-sizing:border-box;flex-direction:column;max-width:1400px;margin:auto;display:flex}#content{box-sizing:border-box;flex-direction:column;gap:12rem;padding:0 3rem;display:flex}.tags{flex-wrap:wrap;gap:.5rem;margin-top:3rem;display:flex}.tag-pill{background-color:var(--primary);color:var(--secondary);white-space:nowrap;border-radius:30px;width:min-content;height:1.75rem;padding:.2rem .8rem;font-family:Julia Mono,monospace;font-size:.8rem;font-weight:900;display:flex}.tag-pill p{background-color:var(--transparent);text-transform:uppercase;color:var(--secondary);margin:auto;font-size:1rem}#header{background-color:var(--secondary);z-index:50;box-sizing:border-box;justify-content:space-between;width:100%;padding:1rem;font-family:Julia Mono,monospace;font-size:large;font-weight:900;display:flex;position:fixed;top:0;left:0}#header-left{align-items:center;display:flex}#header-right{align-items:center;gap:2rem;display:flex}#jullitt-logo-text{color:var(--primary);white-space:nowrap}.logo-button div{height:min-content;display:flex}.logo-button svg{width:2rem;height:2rem}#header-contact-logos{gap:1rem;display:flex}#contact-header-buttons{flex-direction:column;gap:1rem;display:flex}.contact-button span svg{fill:var(--primary)}.contact-button:hover span svg{fill:var(--secondary)}.contact-button span div{background-color:var(--transparent);width:2rem;height:2rem}#breadcrumbs{gap:1rem;margin-top:1.5rem;font-family:Julia Mono,monospace;font-weight:900;display:flex}.breadcrumb-item{gap:1rem;display:flex}.breadcrumb-item p{font-size:1rem}.breadcrumb-item.active p{color:var(--tertiary)}#hero-section{width:100%;height:100vh;display:flex}#hero-text{overflow-wrap:break-word;hyphens:auto;font-size:8rem;line-height:7rem}.about-text{flex-direction:column;gap:2rem;display:flex}.about-text p{font-size:2rem;line-height:normal}#projects-items{flex-direction:column;gap:2rem;display:flex}.project-card{justify-content:space-between;align-items:start;gap:6rem;display:flex}.project-card:hover{cursor:pointer!important}.project-card-left{flex-direction:column;gap:1rem;line-height:1.75rem;display:flex}.project-external{background-color:var(--transparent);align-items:center;display:flex}.project-card-thumbnail-container{width:36rem;height:24rem;display:flex;position:relative;overflow:hidden}.project-card-thumbnail{will-change:transform;object-fit:cover;transform-origin:50%;width:100%;height:100%;transition:transform .2s}.project-card:hover .project-card-thumbnail{transform:scale(1.05)}.project-card:hover .project-title,.project-card:hover svg{color:var(--link);fill:var(--link);align-items:center;display:flex}.project-card:hover .project-title::selection{color:var(--secondary)}.project-title{overflow-wrap:break-word;hyphens:auto;gap:.5rem;margin-bottom:.5rem;font-size:2.5rem;font-weight:900;display:flex}.project-description{color:var(--tertiary);font-family:Julia Mono,monospace;font-weight:900}#posts-container{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.post-card{flex-direction:column;gap:1rem;display:flex}.post-card:hover .post-title{color:var(--link)}.post-card:hover .post-title::selection{color:var(--secondary)}.post-card-thumbnail-container{width:100%;height:16rem;display:flex;position:relative;overflow:hidden}.post-card-thumbnail{will-change:transform;object-fit:cover;transform-origin:50%;width:100%;height:100%;transition:transform .2s}.post-card:hover .post-card-thumbnail{transform:scale(1.05)}.post-title{overflow-wrap:break-word;hyphens:auto;margin:0;padding-top:.5rem;font-size:2rem;font-weight:900;display:flex}.post-publish-date{color:var(--tertiary);font-family:Julia Mono,monospace;font-weight:900}#posts-view-more-button{box-sizing:border-box;white-space:nowrap;align-items:center;gap:.5rem;width:min-content;font-family:Julia Mono,monospace;font-size:1.5rem;font-weight:900;display:flex}#posts-view-more-button:hover svg{fill:var(--link)}#post-tags-container{flex-wrap:wrap;gap:1rem;margin-top:4rem;display:flex}.post-tag{font-size:1.1rem}.post-tag:hover{background-color:var(--link);cursor:pointer}#contact-area{gap:5rem;display:flex}#contact-header{flex-direction:column;gap:3rem;display:flex}.contact-button{white-space:nowrap;gap:1rem;width:66%}#contact-header-text{flex-direction:column;font-size:1.5rem;line-height:1.75rem;display:flex}#contact-form{flex-direction:column;gap:.75rem;width:100%;display:flex}#contact-success,#contact-error{background-color:var(--success);box-sizing:border-box;width:100%;color:var(--primary);border:5px solid var(--success);border-radius:30px;justify-content:space-between;margin:auto;padding:.5rem 1rem;font-family:Julia Mono,monospace;font-size:large;font-weight:900;display:flex}#contact-error{background-color:var(--error);border:5px solid var(--error)}#contact-success p,#contact-error p{background-color:var(--transparent)}#contact-success div,#contact-error div{background-color:#0000;margin:auto 0;display:flex}#contact-success svg,#contact-error svg{background-color:#0000;width:1.6rem;margin:auto}#message{resize:none;height:10rem}.logo-icon svg{width:1rem}footer{justify-content:space-between;padding:4rem 1rem;font-family:Julia Mono,monospace;font-size:1.3rem;font-weight:600;display:flex}#footer-content-left{flex-direction:column;align-items:start;display:flex}#footer-content-right{flex-direction:column;justify-content:end;width:50%;display:flex}#footer-created-with{white-space:nowrap;display:flex}#footer-created-with span{align-items:center;gap:.25rem;display:flex}.footer-nav-button{width:min-content}#astro-icon.hover{animation:3s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#posts-header{flex-direction:column;gap:2rem;margin:6rem 0 4rem;display:flex}#posts-heading{font-size:5rem}#posts-search-input{width:100%}#posts-search-form{width:100%;display:flex}#posts-search-button{border-left:none}#posts-search-button:hover{border-radius:0 30px 30px 0}#posts-results-length-text{margin:2rem 0;font-family:Julia Mono,monospace;font-size:1.75rem;font-weight:900}#pagination-container{justify-content:center;gap:1rem;width:100%;margin-top:6rem;display:flex}.pagination-button,.pagination-arrow,.pagination-ellipsis{width:2.6rem;height:2.6rem;color:var(--primary);border:3px solid var(--primary);background-color:#0000;justify-content:center;align-items:center;padding:.5rem 1rem;font-family:Julia Mono,monospace;font-size:large;font-weight:900;transition:border-radius .2s,border-color .2s,background-color .2s,color .2s;display:flex}.pagination-arrow{padding:0}.pagination-arrow:disabled,.pagination-arrow:hover:disabled{border:3px solid var(--tertiary);cursor:default;background-color:var(--transparent);border-radius:0}.pagination-arrow:disabled svg{fill:var(--tertiary)!important}.pagination-arrow:hover svg{color:var(--secondary);fill:var(--secondary)}.pagination-ellipsis{border:none;padding:0}.pagination-arrow:hover,.pagination-button:hover,.pagination-current{background-color:var(--primary);color:var(--secondary);cursor:pointer;border:5px solid var(--primary);border-radius:30px}.pagination-current{cursor:default!important}#pagination-view-more-button{gap:1rem}#post-content{flex-direction:column;gap:.5rem;width:100%;display:flex}#post-cover-photo,#project-cover-photo{will-change:transform;object-fit:cover;height:36rem;margin-top:5rem}#post-title{overflow-wrap:break-word;hyphens:auto;margin-top:1rem;font-family:Julia Mono,monospace;font-size:4rem;font-weight:900}.testimonial-card{height:var(--slide-height);flex-direction:column;justify-content:space-between;gap:4rem;width:100%;padding:2rem;display:flex}.testimonial-content{justify-content:start;font-size:1.75rem;font-style:italic;font-weight:500;line-height:2.25rem;display:flex}.testimonial-client-details{justify-content:end;display:flex}.testimonial-client-details .testimonial-client-name::selection{color:var(--secondary)}.testimonial-client-link{gap:1.5rem;display:flex}.testimonial-client-link:hover .testimonial-client-name{color:var(--link)}.testimonial-client-link:hover .testimonial-client-image{border-radius:100%}.testimonial-client-details-left{text-align:end;flex-direction:column;font-family:Julia Mono;font-weight:900;line-height:2rem;display:flex}.testimonial-client-name{font-size:1.5rem}.testimonial-client-company{color:var(--tertiary)}.testimonial-client-image{object-fit:cover;width:3.75rem;height:3.75rem;transition:border-radius .2s,border-color .2s,background-color .2s,color .2s}#project-title{overflow-wrap:break-word;hyphens:auto;margin-top:1rem;font-family:Julia Mono,monospace;font-size:6rem;font-weight:900}#project-tags-container,#post-tags-container{flex-direction:column;gap:1rem;margin-top:6rem;display:flex}#project-tags-container{margin-top:3rem}#project-tags-heading,#post-tags-heading{color:var(--tertiary);font-family:Julia Mono,monospace;font-size:1.25rem;font-weight:900}#project-tags,#post-tags{margin-top:0}@media (width<=1100px){body{margin:0}section{padding:0}#content-area{gap:2rem;padding:0 0}#content{padding:0 2rem}#hero-text{font-size:6rem;line-height:5.5rem}.post-publish-date{font-size:1rem}#projects-items,#posts-container{gap:4rem}.project-card{flex-direction:column-reverse;gap:2rem;padding:1rem 0;display:flex}.project-card-right,.project-card-right,.project-card-thumbnail-container,.project-card-thumbnail{width:100%}.project-external{opacity:1!important}#posts-container{flex-direction:column;display:flex}#modal-arrow-left,#modal-arrow-right{display:none}#contact-area{flex-direction:column;gap:2rem}#contact-header{width:100%;margin-bottom:0}#contact-form{width:100%}#contact-links{margin-top:2rem}#content-area{gap:0;padding:0;position:relative}.project-text-content{padding:0}#project-header{z-index:4 0;margin-right:2rem;padding:7.5rem 0 1.5rem;position:fixed;top:0}.project-image-modal-container{z-index:50}.md-image-container{padding:4rem 2rem}#back-button{z-index:50;padding:0;position:fixed;top:2rem}footer{padding:0 0 2rem}#contact-header-buttons{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.contact-button{box-sizing:border-box;width:auto}footer{gap:4rem;display:flex}.testimonial-card{padding:1rem}}@media (width<=700px){#header-contact-logos{display:none}}@media (width<=568px){#contact-header{box-sizing:border-box;flex-wrap:wrap;width:100%;max-width:100%;display:flex;overflow:hidden}#post-cover-photo,#project-cover-photo{height:20rem}.contact-button{box-sizing:border-box;white-space:nowrap;justify-content:space-between;align-items:center;width:100%;max-width:100%;display:flex}#hero-text{font-size:4rem;line-height:3.5rem}#posts-nav-button{display:none}.about-text,.testimonial-content{gap:1.5rem}.about-text p,.testimonial-content p{font-size:1.5rem}.testimonial-content{font-size:1.5rem;line-height:1.8rem}#jullitt-logo-text{font-size:1.5rem}#content{padding:0 1.5rem}.md-image-container{padding:2rem 0}pre{margin:2rem 0!important}#footer-content-right{display:none}#project-title{font-size:4rem}.testimonial-client-name{font-size:1.5rem}.testimonial-client-company{color:var(--tertiary);font-size:1rem}}@media (prefers-color-scheme:dark){:root{--secondary:#0f0f10;--primary:#e1e0dc;--tertiary:#9c9ca1}input,textarea{background-color:var(--primary);color:var(--secondary)}pre{border:1px solid #363636;margin:2rem 1rem;padding:1rem}pre,code{color:var(--primary);background-color:#1c1c1c;font-size:1rem}}.embla{--slide-height:auto;--slide-size:100%;gap:0}.embla__viewport{overflow:hidden}.embla__container{touch-action:pan-y pinch-zoom;gap:2rem;display:flex}.embla__container:hover{cursor:grab}.embla__slide{flex:0 0 var(--slide-size);min-width:0;transform:translate(0,0)}.embla__slide__number{box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);user-select:none;justify-content:space-between;align-items:start;width:100%;padding:0;font-size:4rem;font-weight:600;display:flex}.embla__controls{grid-template-columns:auto 1fr;justify-content:space-between;gap:1.2rem;margin:1.8rem auto 0;display:grid}.embla__dots{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;padding:0 2rem;display:flex}.embla__dot{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value), .5);-webkit-appearance:none;appearance:none;touch-action:manipulation;cursor:pointer;border:0;border:3px solid var(--primary);background-color:#0000;justify-content:center;align-items:center;width:1rem;height:1rem;margin:0;padding:0;text-decoration:none;transition:border-radius .2s,border-color .2s,background-color .2s,color .2s;display:flex}.embla__dot:hover{background-color:var(--primary);border-radius:50%}.embla__dot:after{box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);content:"";border-radius:50%;align-items:center;width:1.4rem;height:1.4rem;display:flex}.embla__dot--selected{box-shadow:inset 0 0 0 .2rem var(--text-body);background-color:var(--primary);cursor:default;border-radius:50%}