header h1,nav a.active{color:#18171b}header h2 a,nav a,nav a.active,nav a:hover{border-bottom:none}#blob.blue,#blob.pink{animation:8s ease-in-out infinite alternate bloborbit}#work,nav,nav a.icon{display:flex}.work-card,header{z-index:1;position:relative}.sub-link,a,header h2 a,nav a{text-decoration:none}#about .signature,.container,.work-card,header{position:relative}body{background:#fff;font-family:Inter,sans-serif;padding:0;margin:0}.container,nav{background:#fff}nav{padding:4px 24px;justify-content:space-around}.work-card,nav a{flex:1;transition:.12s ease-in-out}nav a{padding:12px;text-align:center;color:#5c5c5c;border-radius:4px}nav a:hover{background:rgba(0,0,0,.1)}nav a.icon{padding:0 24px;flex:0;align-items:center;justify-content:center}nav a.icon svg{fill:#5c5c5c}nav a.icon img{transition:.12s ease-in-out;width:auto;height:auto}nav a.icon:hover{background:0 0}nav a.icon:hover img,nav a.icon:hover svg{transform:scale(1.1)}.container{padding:20px}header{padding-bottom:120px}header h1{margin-top:80px;font-size:56px}header h2{font-size:56px;color:rgba(0,0,0,.5);max-width:1280px}header h2 a{color:rgba(0,0,0,.5);transition:.12s ease-in-out}.sub-link:hover,header h2 a:hover{border-bottom:2px solid rgba(0,0,0,.5)}#blob{display:block;border-radius:50%;position:absolute;z-index:0;transform:scale(.8)}#blob.blue{background:#6b62ff;width:560px;height:560px;top:40px;right:8%;opacity:.4;filter:blur(48px);-webkit-filter:blur(32px);-moz-filter:blur(32px);-o-filter:blur(32px);-ms-filter:blur(32px)}#blob.pink{background:#ff00a0;width:440px;height:440px;top:240px;filter:blur(48px);-webkit-filter:blur(48px);-moz-filter:blur(48px);-o-filter:blur(48px);-ms-filter:blur(48px);right:4%;opacity:.08}#work{justify-content:space-between;flex-wrap:wrap;margin:0 -24px 24px}.work-card{overflow:hidden;margin:0 24px;height:400px;background:rgba(236,236,236,.42);border-radius:12px;box-shadow:0 1px 1px 0 rgba(0,0,0,.04)}.work-card:hover{transform:scale(1.01);box-shadow:0 2px 4px 1px rgba(0,0,0,.08)}.work-card .card-head{padding:24px;z-index:2;display:block;position:relative}.work-card .callout{position:absolute;z-index:2;top:24px;right:24px;color:#6b62ff;font-size:12px;max-width:80px}.work-card h3{margin-top:0;margin-bottom:8px}.work-card p{margin-top:0;margin-bottom:4px;font-size:12px;opacity:.4;text-shadow:0 1px 0 #fff}.work-card.third{flex:1}.work-card.third .macbook{position:absolute;top:-80px;left:50%;transform:translateX(-50%) scale(.44)}.work-card.double{flex:2}.work-card .device{z-index:0!important}.work-card .iphone-x,.work-card .iphone5c{position:absolute;top:32px;left:50%;transform:translateX(-50%) scale(.8)}.work-card .macbook{position:absolute;top:-80px;left:64%;transform:translateX(-50%) scale(.6)}@media only screen and (max-width:1200px){.work-card .callout{font-size:8px;max-width:48px}.work-card.third .macbook{left:86%;transform:translateX(-50%) scale(.46);top:-80px}.work-card .iphone-x{transform:translateX(-50%) scale(.6);top:-60px}.work-card .iphone5c{transform:translateX(-50%) scale(.56);top:-60px}.work-card .macbook{left:50%;transform:translateX(-50%) scale(.46);top:-80px}}@media only screen and (max-width:800px){.hide-mobile,.work-card .callout{display:none}nav{padding:4px 0}.container{padding:20px}header{padding-bottom:64px}header h1{font-size:40px;margin-top:40px}header h2{font-size:28px}#work{margin-bottom:0}.work-card .card-head{padding-bottom:8px}.work-card.double,.work-card.third{flex:100%;margin-bottom:40px}.work-card.third .macbook{left:50%;transform:translateX(-50%) scale(.46);top:-80px}.work-card .iphone-x{transform:translateX(-50%) scale(.56);top:-60px}.work-card .iphone5c{transform:translateX(-50%) scale(.64);top:-20px}.work-card .macbook{left:50%;transform:translateX(-50%) scale(.42);top:-80px}}@keyframes bloborbit{0%{top:0;right:8%;filter:blur(48px)}100%{top:96px;right:0;filter:blur(.1px)}}.screenshot{width:100%;height:auto;background:rgba(0,0,0,.8);box-shadow:0 0 4px 4px #000}.sub-link{color:#5c5c5c;border-bottom:2px solid rgba(0,0,0,.2)}a{transition:.12s ease-in-out;color:#6b62ff;border-bottom:2px solid rgba(107,98,255,.5)}a:hover{border-bottom:2px solid #6b62ff}#about{align-items:center;padding-top:4px;padding-bottom:36px}#about p{margin:48px auto;font-weight:500;max-width:800px;font-size:28px;line-height:48px;color:#5c5c5c}#about strong{font-weight:700;color:#5a5858}#about .signature{font-size:48px;font-family:Caveat,cursive;left:12px;color:rgba(0,0,0,.8)}@media (prefers-color-scheme:dark){.container,body,nav,nav a:hover{background:#000}header h2,nav a{color:rgba(255,255,255,.42)}#about .signature,nav a.active{color:rgba(255,255,255,.8)}.work-card h3,header h1{color:rgba(255,255,255,.96)}header h2 a{color:rgba(255,255,255,.3)}.sub-link,header h2 a:hover{border-bottom:2px solid rgba(255,255,255,.3)}.work-card{color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}.work-card p{opacity:.6;color:#fff;text-shadow:none}#about p{color:#c3c1c1;font-weight:400}#about strong{color:#d7d6d6;font-weight:600}#about p a{color:#6b62ff}}