:root{--primary-color:#1c7a45;--secondary-color:#f5f5f7;--text-color:#1d1d1f;--text-dim:#6e6e73;--text-faint:#a1a1a6;--background-color:#fff;--line:rgba(0,0,0,.1)}*{box-sizing:border-box}body{padding:38px 0 100px 0;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;background-color:var(--background-color);color:var(--text-color)}p{line-height:1.3;margin:0 0 20px 0}h1{font-size:50px;margin:0 0 50px 0}h2{font-size:25px;margin:0 0 25px 0}h3{font-size:20px}h3,h4{margin:0 0 20px 0}h4{font-size:16px}section{padding:32px 10px;box-sizing:border-box}div.wrapper{margin:0 auto;display:flex;max-width:1200px;flex-direction:column}div.toggle{text-align:left;position:fixed;top:0;width:100%;background-color:var(--background-color);border-bottom:1px solid rgba(0,0,0,.08);height:38px;box-sizing:border-box;transform:translateZ(0);z-index:10}div.toggle button{padding:9px 10px;background-color:transparent;border:none}div.toggle button:hover{cursor:pointer}div.toggle svg path{fill:var(--text-color)}div.toggle button:hover svg path{fill:var(--primary-color)}nav{text-align:left;position:fixed;top:38px;background-color:var(--background-color);display:none;padding:0 0 10px 0;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);transform:translateZ(0);z-index:10}nav,nav a{width:100%}nav a{padding:0 10px;display:inline-block;color:var(--text-color);font-size:14px;text-decoration:none;line-height:38px}nav a:hover{background-color:var(--secondary-color)}nav a.active,nav a:hover{color:var(--primary-color)}nav a.active{font-weight:700}nav.showNav{display:block}.intro{background-color:var(--background-color);min-height:400px;display:flex;padding-bottom:20px}.intro .wrapper{flex-direction:column}.intro .wrapper aside{flex-grow:1}.intro .wrapper .photo{background-size:cover;margin-top:30px}.intro .wrapper .photo img{width:100%}.intro-social{font-size:18px}.intro-social a{text-decoration:none;color:var(--text-color)}.intro-social a:hover{text-decoration:underline}.email{background-color:var(--primary-color);color:#fff;display:inline-block;padding:10px 16px;border-radius:4px;text-decoration:none;font-size:18px;margin-bottom:30px;font-weight:700}.email:hover{background-color:#15613a}.aboutme{min-height:400px;display:flex}.aboutme aside{padding-top:30px}.aboutme aside ul{margin:0 0 0 20px;padding:0;line-height:22px}.aboutme aside ul li{margin:0 0 10px 0}section.quote{background-color:var(--secondary-color);font-size:25px;line-height:1.5;font-weight:700;font-style:italic;color:var(--text-color)}.quote .wrapper{padding:0 30px}.quote .wrapper,.workexperience .wrapper{flex-direction:column}.workexperience aside{border-bottom:1px solid var(--text-color);margin:0 0 30px;padding:0 0 10px}.workexperience .more_jobs aside:last-of-type,.workexperience .wrapper>aside:last-of-type{border-bottom:none}#projects{background-color:var(--secondary-color)}#projects h2,#projects h3,#projects p{color:var(--text-color)}#projects .section-head{max-width:620px;margin-bottom:0}#projects .section-head p{font-size:1.05rem}.case{display:flex;flex-direction:column;gap:24px;padding:32px 0;border-bottom:1px solid var(--line)}.case:last-child{border-bottom:none;padding-bottom:0}.case-copy h3{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.case-copy h3 .mark{color:var(--primary-color)}.case-copy .meta{font-size:.85rem;color:var(--text-faint);margin-bottom:16px}.case-copy p{font-size:1rem}.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag{font-size:.78rem;font-weight:500;padding:5px 11px;border-radius:6px;background:#fff;color:var(--text-dim)}.case-shot{display:flex;align-items:center;justify-content:center;gap:20px}.device-phone{width:200px;border-radius:32px;background:#000;border:1px solid rgba(0,0,0,.15);padding:3px;box-shadow:0 22px 54px -22px rgba(0,0,0,.35);flex-shrink:0}.device-phone .screen{position:relative;border-radius:29px;overflow:hidden;background:#000}.device-phone .screen img{display:block;width:100%}.device-phone .notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:32%;height:14px;background:#000;border-radius:9px;z-index:2}.device-watch{width:150px;border-radius:36px;background:#000;border:1px solid rgba(0,0,0,.15);padding:4px;box-shadow:0 18px 40px -18px rgba(0,0,0,.3);flex-shrink:0}.device-watch.paired{width:108px;border-radius:27px}.device-watch .screen{border-radius:32px;overflow:hidden}.device-watch.paired .screen{border-radius:23px}.device-watch .screen img{width:100%;display:block}.device-browser{width:100%;max-width:440px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 22px 54px -22px rgba(0,0,0,.35);overflow:hidden}.device-browser .browser-bar{display:flex;gap:6px;padding:10px 12px;background:#eceae6}.device-browser .browser-bar span{width:9px;height:9px;border-radius:50%;background:rgba(0,0,0,.18)}.device-browser .screen img{display:block;width:100%}.more_button{display:inline-block;padding:10px 18px;background-color:transparent;border:1px solid rgba(0,0,0,.15);border-radius:999px;width:-moz-fit-content;width:fit-content;white-space:nowrap;font-size:13px;font-weight:600;color:var(--text-color);text-align:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.more_button:hover{background-color:var(--secondary-color);border-color:rgba(0,0,0,.3)}.more_jobs{display:block}.more_jobs[v-if]{display:none}.education{background-color:var(--background-color)}.education .wrapper{display:flex;flex-direction:column}.education aside{margin:0 0 0;padding:0 0 10px}.education aside+aside{border-top:1px solid var(--text-color);padding-top:30px}.education aside:last-child{padding-bottom:0}.education aside:last-child,.education aside:last-child p{margin-bottom:0}.interests .wrapper{display:flex;flex-direction:column;margin:0 auto}.interests .wrapper .photo{min-width:45%;min-height:300px;margin-top:30px}.interests .wrapper .photo img{width:100%}.interests a{color:var(--text-color);font-weight:700;text-decoration:none}.interests a:hover{text-decoration:underline}footer{position:fixed;left:0;bottom:0;width:100%;text-align:center;background-color:var(--background-color);box-sizing:border-box;border-top:2px solid var(--text-color);transform:translateZ(0);z-index:10}div.socialmedia{padding:14px 0 10px}div.socialmedia a{display:inline-block;height:35px}div.copyright{width:100%;padding:10px;background-color:var(--secondary-color);color:var(--text-dim)}.slideshow-container{max-width:1000px;position:relative;margin:auto}.next,.prev{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;color:#fff!important;font-weight:700;font-size:18px;transition:.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.prev{left:0}.next{right:0;border-radius:3px 0 0 3px}.next:hover,.prev:hover{background-color:rgba(0,0,0,.8);text-decoration:none!important}.text{font-size:15px;bottom:8px;width:100%;text-align:center}.numbertext,.text{color:#f2f2f2;padding:8px 12px;position:absolute}.numbertext{font-size:12px;top:0}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}.dot.active,.dot:hover{background-color:#717171}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@keyframes fade{0%{opacity:.4}to{opacity:1}}@media only screen and (min-width:920px){.toggle{display:none}nav{display:block;top:0;padding:0;border:none;text-align:center}nav a{padding:0 10px;display:inline-block;color:var(--text-color);font-size:14px;text-decoration:none;line-height:38px;width:auto}section{padding:50px 20px}.intro .wrapper{flex-direction:row}.intro .wrapper .photo{margin-left:30px;max-width:45%;margin-top:0}.aboutme .wrapper{flex-direction:row}.me{margin-right:50px}.aboutme aside{min-width:30%;padding-top:0}.interests .wrapper{flex-direction:row}.interests .photo{margin-left:30px;max-width:45%}#projects .section-head{margin-bottom:48px}.case{flex-direction:row;align-items:center;gap:60px;padding:48px 0}.case-copy,.case-shot{flex:1}.case.reverse{flex-direction:row-reverse}}