@charset "UTF-8";.animated{animation-duration:1s;animation-fill-mode:both}.fadeIn{animation-name:fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}html{background-color:#000}body{margin:0;font-family:Inter,Helvetica Neue,sans-serif;color:#000000de;padding:0}@media(max-width:600px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Ubuntu,sans-serif;letter-spacing:.2px}a,a:visited,a:active{color:#00ced1}a:hover{color:#4682b4}:root{--snap-yellow: #fffc00;--gradient-1: linear-gradient(90deg, #00d2ff 0%, #3a47d5 100%)}.screen-saver{background-color:#111;margin:0;height:100%;width:100%;overflow:hidden}.screen-saver .clock{bottom:100;z-index:1001;position:absolute;left:100;top:0;right:0;color:#fff;margin-right:10px;margin-top:10px;font-family:Orbitron,Arial,Helvetica,sans-serif}.screen-saver .clock .day{font-size:40px}@media screen and (max-width:500px){.screen-saver .clock .day{font-size:20px}}.screen-saver .clock .time{font-size:60px}@media screen and (max-width:500px){.screen-saver .clock .time{font-size:30px}}.body-wrapper{background:linear-gradient(160deg,#f8f3ec,#efe6d9);background-size:cover;height:100vh;width:100vw;position:fixed;left:0;z-index:1000;top:0;filter:none;transition:background .4s cubic-bezier(.25,.8,.25,1),box-shadow .28s cubic-bezier(.4,0,.2,1);transition:translate3d(0,0,0)}.shawn-name{text-align:center;padding:0 10px;opacity:.7}.headline{text-align:center;margin-top:0;padding:0 5px}.dark-mode .headline{text-shadow:0 1px 10px rgba(0,0,0,.75)}.shawn-name img{max-width:100%}.container{max-width:800px;width:100%;margin:auto}.page-container{width:98%;margin:1%;min-height:90vh}.page-wrapper{--page-padding-block: 30px;--page-padding-inline: 5px;--page-title-gap: 45px;padding:var(--page-padding-block) var(--page-padding-inline)}.page-wrapper h2:first-child{margin-top:0;margin-bottom:var(--page-title-gap);text-align:center}@media(max-width:600px){.page-wrapper{--page-padding-block: 20px}}.text-center{text-align:center}.img-responsive{max-width:100%;height:auto}.job{margin:20px 10px}.card-header{display:flex;align-items:center;padding:16px 16px 0}.card-header-text{display:flex;flex-direction:column;min-width:0;margin:0 16px}.card-avatar{flex:0 0 auto;border-radius:50%;object-fit:cover}.card-title{margin:0;font-size:1.25rem;font-weight:500;line-height:1.25}.card-subtitle{margin:4px 0 0;font-size:.9rem;color:#0009}.ui-list{list-style:none;margin:0;padding:8px 0}.ui-list>li{min-height:40px;display:flex;align-items:center;padding:0 16px}.ui-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:40px;padding:0 20px;border:none;border-radius:4px;color:#fff;font-family:Orbitron,Space Grotesk,sans-serif;font-weight:650;font-size:.82rem;line-height:1;letter-spacing:.06em;cursor:pointer;background-size:200% auto;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;transition:background-position .5s ease,box-shadow .2s ease}.ui-btn:hover{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.timeline{display:flex;flex-direction:column-reverse}.timeline-step{position:relative;margin-left:12px;padding:0 0 10px 28px;border-left:2px solid rgba(0,0,0,.15)}.timeline-step:first-child{padding-bottom:0}.timeline-step:before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--accent-aqua)}.timeline-step>summary{cursor:pointer;padding:2px 0;font-weight:600;list-style:none}.timeline-step>summary::-webkit-details-marker{display:none}.dark-mode .job{background:transparent;color:#f5f5f5;border:solid 2px whitesmoke;box-shadow:none}.dark-mode .listbox *{color:#f5f5f5}.dark-mode .card-subtitle{color:#ffffffb3}.dark-mode .tech-stack :before{filter:brightness(.5)}.dark-mode .timeline-step{border-left-color:#ffffff59}html{--text-color-normal: #0a244d;--text-color-light: #8cabd9;--accent-aqua: #21c1d6;--accent-pink: #ff45d6}html[data-theme=dark]{--text-color-normal: hsl(210, 10%, 62%);--text-color-light: hsl(210, 15%, 35%);--text-color-richer: hsl(210, 50%, 72%);--text-color-highlight: hsl(25, 70%, 45%)}@media screen and (max-width:500px){h2{text-align:center}}.tech-stack{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.tech-stack li{display:flex;margin:5px;align-items:center}.tech-stack li .tech-name{font-family:VT323,monospace;font-weight:500;font-size:16px;letter-spacing:1px;text-transform:uppercase;display:flex;margin-left:5px;width:83px;word-break:break-all}@media screen and (min-width:500px){.tech-stack li .tech-name{width:100px}}@media screen and (max-width:500px){.tech-stack li .tech-name{margin-left:0;margin-top:10px;justify-content:center;width:100%}}@media screen and (max-width:500px){.tech-stack li{flex-direction:column;text-align:center;justify-content:center}}.tech-stack :before{border-radius:6px;height:56px;width:56px;filter:grayscale(1)}@media screen and (max-width:500px){.tech-stack{justify-content:center}}.btn-grad-1{background-image:linear-gradient(to right,#e55d87,#5fc3e4 51%,#e55d87)}.btn-grad-1:hover{background-position:right center}.btn-grad-2{background-image:linear-gradient(to right,#da22ff,#9733ee 51%,#da22ff)}.btn-grad-2:hover{background-position:right center}.btn-grad-name{position:relative;overflow:hidden;isolation:isolate;border:2px solid #ff3fd6;color:#fff;text-shadow:0 0 10px rgba(0,245,255,.5),0 0 4px rgba(255,63,214,.6);background-image:linear-gradient(115deg,#26e6dd,#12b5e6 40%,#b14bff,#ff3fd6);background-size:220% 220%;box-shadow:inset 0 1px #ffffff59,inset 0 0 16px #ff3fd673,0 0 0 1px #00f5ff59,0 8px 24px -6px #ff3fd68c,0 0 30px -4px #00e0eb8c;transition:transform .3s cubic-bezier(.2,.9,.25,1.15),box-shadow .3s ease,border-color .3s ease;animation:miamiDrift 7s ease-in-out infinite}.btn-grad-name:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,transparent 34%,rgba(255,255,255,.45) 50%,transparent 66%);transform:translate(-130%);animation:miamiSheen 4.5s ease-in-out infinite}.btn-grad-name:hover{transform:translateY(-3px) scale(1.035);border-color:#5cfcff;box-shadow:inset 0 1px #ffffff80,inset 0 0 22px #ff3fd699,0 0 0 1px #00f5ffa6,0 14px 34px -6px #ff3fd6cc,0 0 52px #00e0ebbf}.btn-grad-name:active{transform:translateY(-1px) scale(1)}@keyframes miamiDrift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes miamiSheen{0%,62%,to{transform:translate(-130%)}80%{transform:translate(130%)}}@media(prefers-reduced-motion:reduce){.btn-grad-name,.btn-grad-name:before{animation:none}}.btn-grad-3{background-image:linear-gradient(to right,#2b5876,#4e4376 51%,#2b5876)}.btn-grad-3:hover{background-position:right center}.btn-grad-4{background-image:linear-gradient(to right,#00d2ff,#3a7bd5 51%,#00d2ff);background-position:center center}.btn-grad-4:hover{background-position:right center}.btn-grad-5{background-image:linear-gradient(to right,#c9ffbf,#ffafbd 51%,#c9ffbf)}.btn-grad-5:hover{background-position:right center}.cta{width:260px;border-radius:60px!important}.lil-gui{z-index:3005!important}.doticon{height:80px;width:80px;position:relative}.doticon svg-icon{position:absolute;inset:0;display:block;width:100%;height:100%}.doticon svg-icon svg{display:block;width:100%;height:100%}.doticon svg-icon path{fill:#1f2530}.doticon canvas{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:1;mask:var(--icon);-webkit-mask:var(--icon);transition:opacity .2s}.dark-mode .doticon svg-icon path{fill:#fff}@keyframes gradient-1{0%{fill:#e55d87}10%{fill:remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,1)}20%{fill:remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,1),1)}30%{fill:remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,1),1),1)}40%{fill:remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,1),1),1),1)}50%{fill:remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,1),1),1),1),1)}60%{fill:remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,1),1),1),1),1),1)}70%{fill:remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,1),1),1),1),1),1),1)}80%{fill:remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,1),1),1),1),1),1),1),1)}90%{fill:remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,1),1),1),1),1),1),1),1),1)}}.gradient-animated-1s svg path{animation:gradient-1 5s ease infinite}@keyframes gradient-through{0%{fill:#673ab7}10%{fill:remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,6)}20%{fill:remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,6),1)}30%{fill:remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,6),1),1)}40%{fill:remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,6),1),1),1)}50%{fill:remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,6),1),1),1),1)}60%{fill:remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,6),1),1),1),1),1)}70%{fill:remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,6),1),1),1),1),1),1)}80%{fill:remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,6),1),1),1),1),1),1),1)}90%{fill:remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,6),1),1),1),1),1),1),1),1)}}.gradient-animated-throughs svg path{animation:gradient-through 5s ease infinite}@keyframes gradient-10{0%{fill:#009688}10%{fill:remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,8)}20%{fill:remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,8),1)}30%{fill:remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,8),1),1)}40%{fill:remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,8),1),1),1)}50%{fill:remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,8),1),1),1),1)}60%{fill:remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,8),1),1),1),1),1)}70%{fill:remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,8),1),1),1),1),1),1)}80%{fill:remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,8),1),1),1),1),1),1),1)}90%{fill:remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(remove-nth(#e55d87,#5fc3e4,#f093fb,#f5576c,#3ae374,#673ab7,#ff5722,#009688,#ff9800,#2196f3,8),1),1),1),1),1),1),1),1)}}.gradient-animated-10s svg path{animation:gradient-10 5s ease infinite}.last-updated{margin:2rem 0 0;font-size:.8rem;opacity:.55;text-align:center}