*,:before,:after{box-sizing:border-box;margin:0;padding:0}img,picture,video,canvas,svg{max-width:100%;display:block}svg{fill:currentColor}ul,ol{list-style:none}a{text-decoration:none;display:inline-block}p a{text-decoration:underline}input,button,textarea,select{font:inherit;background:0 0;border:none}button{cursor:pointer;display:block}@font-face{font-family:Inter;src:url(fonts/inter-variable.woff2)format("woff2 supports variations"),url(fonts/inter-variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Archivo;src:url(fonts/archivo-variable.woff2)format("woff2 supports variations"),url(fonts/archivo-variable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--color-primary:#e4e4e4;--color-secondary:lightblue;--color-accent:blue;--color-background:#f8fafc;--color-background-inverse:#121212;--text-primary:#212529;--text-muted:#333;--text-primary-inverse:#f8f9fa;--text-muted-inverse:#e9ecef}@media (prefers-color-scheme:dark){:root{--color-primary:#16161a;--color-secondary:black;--color-accent:blue;--color-background:#121212;--color-background-inverse:#f8fafc;--text-primary:#f8f9fa;--text-muted:#e9ecef;--text-primary-inverse:#212529;--text-muted-inverse:#333}}:root[data-theme=light]{--color-primary:#e4e4e4;--color-secondary:lightblue;--color-accent:blue;--color-background:#f8fafc;--color-background-inverse:#121212;--text-primary:#212529;--text-muted:#333;--text-primary-inverse:#f8f9fa;--text-muted-inverse:#e9ecef}:root[data-theme=dark]{--color-primary:#16161a;--color-secondary:black;--color-accent:blue;--color-background:#121212;--color-background-inverse:#f8fafc;--text-primary:#f8f9fa;--text-muted:#e9ecef;--text-primary-inverse:#212529;--text-muted-inverse:#333}:root{font-size:clamp(1rem,.1vw + 1rem,1.125rem)}body{color:var(--text-muted);background-color:var(--color-background);font-family:Inter,Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.5;overflow-x:clip}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}a{color:inherit}:focus-visible{outline:solid 2px var(--color-accent)}.icon{aspect-ratio:1;fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0;width:1em;display:inline-block}body{grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.header-content,.main-content,.footer-content{max-width:1400px;margin:0 auto;display:grid}.main-content{margin:3rem auto;padding:0 clamp(1.5rem,5vw,3rem)}header{background-color:var(--color-secondary);padding:1rem clamp(1.5rem,5vw,3rem)}.header-content{grid-template-columns:1fr auto;place-items:center}.header-content button{z-index:1000;justify-self:end;height:fit-content;padding:1ch}.header-content .icon{stroke:var(--text-primary);width:1.75em}nav{background-color:var(--color-secondary);clip-path:inset(0 0 100%);width:100vw;height:100svh;position:fixed;top:0;right:0}nav ul{place-items:center;gap:2rem;display:grid}nav ul li{position:relative}nav ul a{padding:.5rem 0;font-size:1.1em}.active-page:after{content:"";background-color:var(--text-primary);width:100%;height:2px;position:absolute;bottom:.5rem;left:0}nav[data-open=true]{clip-path:inset(0);z-index:100;transition:clip-path .6s cubic-bezier(.22,1,.36,1)}nav[data-open=true] ul{grid-template-columns:1fr;gap:0;height:100%}nav[data-open=true] a{padding:1ch 3rem;font-size:1.5em}nav[data-open=true] .active-page:after{display:none}@media (width>=800px){.header-content button{display:none}nav{clip-path:inset(0);width:100%;height:fit-content;position:static}nav ul{grid-template-columns:repeat(3,1fr)}}footer{background-color:var(--color-secondary);padding:1rem clamp(1.5rem,5vw,3rem)}footer a{text-decoration:underline}footer .icon{width:1.5em;stroke:var(--text-muted)}.footer-content ul{place-items:center;gap:2rem;display:grid}@media (width>=800px){.footer-content ul{grid-template-columns:repeat(4,1fr)}}.index-main h1{text-align:center}.job-section{counter-reset:job-counter;background-color:var(--color-primary);border-radius:1rem;gap:2rem;width:min(100%,clamp(40ch,80%,60ch));margin:3rem auto;padding:min(4vw,3rem);display:grid}.job-container{gap:1ch;padding:1rem;display:grid;position:relative}.job-container:before{counter-increment:job-counter;content:"#" counter(job-counter);filter:brightness(.5);position:absolute;top:1ch;right:2ch}.job-container:not(:last-child):after{content:"";opacity:.3;background-color:gray;width:100%;height:2px;position:absolute;bottom:-1rem;left:0}.button-container{flex-direction:row;gap:2rem;width:100%;margin-top:1ch;display:flex}.remove-button{color:red;text-decoration:underline}.remove-button:hover{transform:scale(1.03)}.not-found-main{grid-template-rows:1fr 1fr;place-items:center;width:100%;max-width:none;height:100%;margin:3rem 0;display:grid}.not-found-main section{text-align:center}.not-found-main h1{width:fit-content;height:fit-content;font-size:5rem}.not-found-main a{color:var(--text-muted-inverse);background-color:var(--color-accent);border-radius:1rem;margin-top:1.5rem;padding:1rem 2rem;transition:background-color .15s}.not-found-main a:hover{background-color:color-mix(in srgb, var(--color-accent), black 50%)}.not-found-main a:active{transform:scale(.97)}:root[data-theme=dark] .not-found-main a{color:var(--text-muted)}.add-main{text-align:center}.add-main form{text-align:start;gap:1rem;width:min(90%,700px);margin:2rem auto;display:grid}.add-main form label{margin-bottom:.5ch}.add-main form textarea{resize:vertical;background-color:#f0f0f0;border:1px solid #f0f0f0;border-radius:4px;width:100%;padding:0 5px}.add-main form input{border:1px solid var(--text-primary);background-color:#f0f0f0;width:100%;padding:0 .5ch}.add-main form div{flex-direction:column;display:flex}.add-main form #start-date,.add-main form #end-date{width:fit-content}.add-main .form-buttons{flex-direction:row;gap:1rem}.add-main .form-buttons .submit-button,.add-main .form-buttons .reset-button{width:max-content;color:var(--text-primary-inverse);background-color:#f0f0f0;border:1px solid #f0f0f0;border-radius:4px;padding:.5rem 1rem}.add-main .form-buttons .submit-button:hover,.add-main .form-buttons .reset-button:hover{cursor:pointer;transform:scale(1.03)}.add-main .form-buttons .submit-button:active,.add-main .form-buttons .reset-button:active{transform:scale(1)}.message-list{text-align:start;color:red;gap:1ch;width:min(90%,700px);margin:auto;padding:0 2rem;list-style-type:disc;display:grid}.green{color:#3fe93f}:root[data-theme=light] .form-main form textarea,:root[data-theme=light] .form-main form select{border-color:var(--text-primary)}:root[data-theme=light] .submit-button,:root[data-theme=light] .reset-button{color:var(--text-primary);border-color:var(--text-primary)}:root[data-theme=light] .green{color:green}.about-main{place-items:center;gap:2rem;height:fit-content;line-height:1.7;display:grid}.about-section{max-width:clamp(40ch,80%,60ch)}.about-section h2{margin-bottom:1ch}.about-section p~p{margin-top:1.5ch}body,header,.active-page:after,.main-content-not-found a,footer{transition:background-color .15s cubic-bezier(.4,0,.2,1)}h1,h2,h3,h4,h5,h6,p,a,footer li{transition:color .15s cubic-bezier(.4,0,.2,1)}svg{transition:stroke .15s cubic-bezier(.4,0,.2,1)}