:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{font-family:Geist Mono,monospace;max-width:1280px;margin:0 auto;padding:2rem}.job-container{width:700px}.job-container h1{font-size:3.2em;margin:0 0 12px 38px;padding:0 12px}.job-container .job{transition:all .2s ease-in-out;width:600px;display:flex;flex-direction:column;color:#999;border-radius:3px;margin:0 auto 12px;padding:6px 12px}.job-container .job:hover{cursor:pointer;width:620px;color:#fff}.job-container .job h1,.job-container .job h2,.job-container .job h3{margin:0}.job-container .job svg{margin-right:6px;width:18px;height:18px}.job-container .job.active{color:#fff}.job-container .job.active svg{width:24px;height:24px}.job-container .job .job-title{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.job-container .job .job-title img{margin-right:6px}.job-container .job .job-title h2,.job-container .job .job-title h3{margin-top:0}.job-container .job .job-role{margin-right:24px}@media screen and (max-width: 600px){.job-container .job .job-role{margin-right:12px;flex-basis:100%}}.job-container .job .job-company{display:flex;align-items:center}.job-container .job .job-duration{margin-left:auto;display:flex;font-size:12px}@media screen and (max-width: 600px){.job-container .job .job-duration{flex-basis:100%}}