@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;1,300;1,400&family=Quicksand:wght@300;500;600;700&display=swap";@keyframes colorGrad-1205a431{0%{fill:#83e377}20%{fill:#83e377}30%{fill:#ffa07a}40%{fill:#0db39e}60%{fill:#83e377}80%{fill:#fff}}.mono-cls-1[data-v-1205a431]{fill:#fff}.JH-monogram *[data-v-1205a431]{transition:all .3s;animation:colorGrad-1205a431 20s alternate infinite}.JH-monogram:hover .mono-cls-1[data-v-1205a431]{fill:#fff!important}.st0[data-v-44e80a8e]{fill:#d19477}.st1[data-v-44e80a8e]{fill:#f2ccb7}.st2[data-v-44e80a8e]{fill:#281305}.st3[data-v-44e80a8e]{fill:#84522c}.st4[data-v-44e80a8e]{fill:#00a0e7}.st5[data-v-44e80a8e]{fill:#fff}.st6[data-v-44e80a8e]{fill:#fee3d4}.st7[data-v-44e80a8e]{fill:#b78b6e}.st8[data-v-44e80a8e]{fill:#72b776}.st9[data-v-44e80a8e]{fill:#19601b}.st10[data-v-44e80a8e]{fill:#1a545c}.st11[data-v-44e80a8e]{fill:#f5fff6}.st12[data-v-44e80a8e]{fill:#00d0c5}.left-eyebrow[data-v-44e80a8e],.right-eyebrow[data-v-44e80a8e]{transition:transform .8s ease-out}.eyebrow-raised[data-v-44e80a8e]{transform:translateY(-8px)}@keyframes bulb-pulse-44e80a8e{0%,to{filter:drop-shadow(0 0 8px #FFEB3B) drop-shadow(0 0 20px #FFF9C4)}50%{filter:drop-shadow(0 0 15px #FFEB3B) drop-shadow(0 0 30px #FFF9C4)}}.lightbulb[data-v-44e80a8e]{position:absolute;top:-5%;left:50%;transform:translate(-50%);width:60px;height:60px;z-index:20;animation:bulb-pulse-44e80a8e 1.5s ease-in-out infinite}.lightbulb svg[data-v-44e80a8e]{width:100%;height:100%}.lightbulb .bulb-glow[data-v-44e80a8e]{filter:blur(2px)}.bulb-fade-enter-active[data-v-44e80a8e]{transition:all .5s ease-out}.bulb-fade-leave-active[data-v-44e80a8e]{transition:all .8s ease-in}.bulb-fade-enter-from[data-v-44e80a8e],.bulb-fade-leave-to[data-v-44e80a8e]{opacity:0;transform:translate(-50%) translateY(10px) scale(.5)}.bulb-fade-enter-to[data-v-44e80a8e],.bulb-fade-leave-from[data-v-44e80a8e]{opacity:1;transform:translate(-50%) translateY(0) scale(1)}#SHIRT .st8[data-v-44e80a8e],#SHIRT .st9[data-v-44e80a8e]{transition:fill 1.5s ease-in-out}.shirt-default #SHIRT .st8[data-v-44e80a8e]{fill:#72b776}.shirt-default #SHIRT .st9[data-v-44e80a8e]{fill:#19601b}.shirt-blue #SHIRT .st8[data-v-44e80a8e]{fill:#5b8fb9}.shirt-blue #SHIRT .st9[data-v-44e80a8e]{fill:#1a3f5c}.shirt-purple #SHIRT .st8[data-v-44e80a8e]{fill:#8b7bb5}.shirt-purple #SHIRT .st9[data-v-44e80a8e]{fill:#4a3b6b}.shirt-coral #SHIRT .st8[data-v-44e80a8e]{fill:#e8927c}.shirt-coral #SHIRT .st9[data-v-44e80a8e]{fill:#b5493a}.shirt-teal #SHIRT .st8[data-v-44e80a8e]{fill:#0db39e}.shirt-teal #SHIRT .st9[data-v-44e80a8e]{fill:#065a4e}.shirt-stripes-blue #SHIRT .st8[data-v-44e80a8e]{fill:url(#stripes-blue)}.shirt-stripes-blue #SHIRT .st9[data-v-44e80a8e]{fill:#1a3f5c}.shirt-stripes-green #SHIRT .st8[data-v-44e80a8e]{fill:url(#stripes-green)}.shirt-stripes-green #SHIRT .st9[data-v-44e80a8e]{fill:#19601b}.shirt-plaid-purple #SHIRT .st8[data-v-44e80a8e]{fill:url(#plaid-purple)}.shirt-plaid-purple #SHIRT .st9[data-v-44e80a8e]{fill:#4a3b6b}.shirt-plaid-coral #SHIRT .st8[data-v-44e80a8e]{fill:url(#plaid-coral)}.shirt-plaid-coral #SHIRT .st9[data-v-44e80a8e]{fill:#b5493a}.shirt-dots-teal #SHIRT .st8[data-v-44e80a8e]{fill:url(#dots-teal)}.shirt-dots-teal #SHIRT .st9[data-v-44e80a8e]{fill:#065a4e}.shirt-dots-blue #SHIRT .st8[data-v-44e80a8e]{fill:url(#dots-blue)}.shirt-dots-blue #SHIRT .st9[data-v-44e80a8e]{fill:#1a3f5c}.me-code-wrapper[data-v-44e80a8e]{background-color:#0006;transition:transform 2s ease-in-out,filter .8s ease-in-out;filter:drop-shadow(8px 8px 16px rgba(0,0,0,.5))}.me-code-wrapper *[data-v-44e80a8e]{transition:all .8s ease-in-out}.me-code-wrapper svg[data-v-44e80a8e]{margin-bottom:-3px}.me-code-wrapper[data-v-44e80a8e]:hover{filter:drop-shadow(0 0 0 transparent)}.me-code-wrapper:hover svg path[data-v-44e80a8e]{stroke-dasharray:2000;stroke-dashoffset:2000;animation:dash 6s linear alternate;animation-iteration-count:infinite}.me-code-wrapper:hover .st0[data-v-44e80a8e],.me-code-wrapper:hover .st1[data-v-44e80a8e],.me-code-wrapper:hover .st2[data-v-44e80a8e],.me-code-wrapper:hover .st3[data-v-44e80a8e],.me-code-wrapper:hover .st4[data-v-44e80a8e],.me-code-wrapper:hover .st5[data-v-44e80a8e],.me-code-wrapper:hover .st6[data-v-44e80a8e],.me-code-wrapper:hover .st7[data-v-44e80a8e],.me-code-wrapper:hover .st8[data-v-44e80a8e],.me-code-wrapper:hover .st9[data-v-44e80a8e],.me-code-wrapper:hover .st10[data-v-44e80a8e],.me-code-wrapper:hover .st11[data-v-44e80a8e],.me-code-wrapper:hover .s12[data-v-44e80a8e]{fill:none;stroke:#fffc;stroke-width:4;stroke-miterlimit:10}.me-code-wrapper:hover .left-eyebrow[data-v-44e80a8e]{transform:translateY(-12px)}.me-code-wrapper:hover .right-eyebrow[data-v-44e80a8e]{transform:translateY(-4px)}.me-code-wrapper:hover #SHIRT .st8[data-v-44e80a8e],.me-code-wrapper:hover #SHIRT .st9[data-v-44e80a8e]{fill:none!important;stroke:#fffc;stroke-width:4;stroke-miterlimit:10}.me-code-wrapper.line-only svg path[data-v-44e80a8e]{stroke-dasharray:2000;stroke-dashoffset:2000;animation:dash 6s linear alternate;animation-iteration-count:infinite}.me-code-wrapper.line-only .st0[data-v-44e80a8e],.me-code-wrapper.line-only .st1[data-v-44e80a8e],.me-code-wrapper.line-only .st2[data-v-44e80a8e],.me-code-wrapper.line-only .st3[data-v-44e80a8e],.me-code-wrapper.line-only .st4[data-v-44e80a8e],.me-code-wrapper.line-only .st5[data-v-44e80a8e],.me-code-wrapper.line-only .st6[data-v-44e80a8e],.me-code-wrapper.line-only .st7[data-v-44e80a8e],.me-code-wrapper.line-only .st8[data-v-44e80a8e],.me-code-wrapper.line-only .st9[data-v-44e80a8e],.me-code-wrapper.line-only .st10[data-v-44e80a8e],.me-code-wrapper.line-only .st11[data-v-44e80a8e],.me-code-wrapper.line-only .s12[data-v-44e80a8e]{fill:none;stroke:#fffc;stroke-width:4;stroke-miterlimit:10}.me-code-wrapper.line-only .left-eyebrow[data-v-44e80a8e]{transform:translateY(-12px)}.me-code-wrapper.line-only .right-eyebrow[data-v-44e80a8e]{transform:translateY(-4px)}@keyframes blink-44e80a8e{0%,92%{transform:scaleY(1)}96%{transform:scaleY(.1)}to{transform:scaleY(1)}}.eye[data-v-44e80a8e]{transform-origin:center;transform-box:fill-box;animation:blink-44e80a8e 7s infinite}.me-code-wrapper[data-v-44e80a8e]{position:relative}.me-code-wrapper ellipse[data-v-44e80a8e],.me-code-wrapper path[data-v-44e80a8e],.me-code-wrapper .star[data-v-44e80a8e]{transition:all .2s}.me-code-wrapper .star[data-v-44e80a8e]{opacity:0}.me-code-wrapper #THOUGHTS ellipse[data-v-44e80a8e],.me-code-wrapper #THOUGHTS path[data-v-44e80a8e]{fill:transparent;transition:all .3s}@keyframes dash-6dcaa68c{to{stroke-dashoffset:0}}path[data-v-6dcaa68c]{fill:none;stroke:#0000001a;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:10px}#slope-grid[data-v-6dcaa68c]{display:none}#slope-grid path[data-v-6dcaa68c]{animation-iteration-count:infinite;animation-fill-mode:both}@keyframes spread{0%{width:0}to{width:80%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}99%{filter:blur(20px)}}@keyframes drift{0%{transform:translate(100px);transform:translateY(10px)}to{transform:translate(-100px);transform:translateY(30px)}99%{filter:blur(20px)}}@keyframes appear{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.shaper{position:absolute;bottom:0;width:100%;height:100%;z-index:0}.shaper *{position:absolute}.shaper button{position:absolute;right:4rem;font-size:70%}.shaper .timing-bar-wrapper{width:60px;padding:4px;background-color:#000;position:absolute;right:4rem;top:2rem;border-radius:10px}.shaper .timing-bar-wrapper .timing-bar{background-color:#ffa07a;height:1px;border-radius:10px;margin-top:-1px;animation:spread 10s linear forwards;transition:all .2s}.circle,.triangle,rect{position:absolute}.drift{animation-name:spin;animation-duration:30s;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate}.actual-shape{animation:appear;animation-duration:1s;animation-iteration-count:initial;animation-timing-function:reverse}.fade-enter-active{transition:opacity 1.5s ease-in-out}.fade-leave-active{transition:opacity 2s ease-out;position:absolute;pointer-events:none}.fade-enter,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave{opacity:1}.main-img[data-v-667d8ba7]{width:100%;height:100%}.modal-backdrop[data-v-667d8ba7]{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100}.modal[data-v-667d8ba7]{background:rgba(0,0,0,.7);box-shadow:2px 2px 20px 1px;overflow-x:auto;display:flex;flex-direction:column;width:80vw;height:80vh;color:#98fb98;position:fixed}.modal[data-v-667d8ba7]::-webkit-scrollbar{width:15px}.modal[data-v-667d8ba7]::-webkit-scrollbar-track{background:rgba(0,0,0,.3);border-radius:10px}@media screen and (prefers-color-scheme: dark){.modal[data-v-667d8ba7]::-webkit-scrollbar-track{background:rgba(255,255,255,.3)}}.modal[data-v-667d8ba7]::-webkit-scrollbar-thumb{background-color:#98fb98;border-radius:10px}@media screen and (prefers-color-scheme: dark){.modal[data-v-667d8ba7]::-webkit-scrollbar-thumb{background:rgba(152,251,152,.8)}}.modal-header[data-v-667d8ba7],.modal-footer[data-v-667d8ba7]{padding:15px;display:flex}.modal-header[data-v-667d8ba7]{position:relative;border-bottom:1px solid #eeeeee;justify-content:space-between}.modal-body[data-v-667d8ba7]{position:relative}.modal-body .about[data-v-667d8ba7]{background-color:#0009;display:inline-block;padding:.5rem 10px;color:#fff}.modal-footer[data-v-667d8ba7]{border-top:1px solid #eeeeee;flex-direction:column}.modal-body[data-v-667d8ba7]{position:relative;padding:20px 10px}.btn-close[data-v-667d8ba7]{position:absolute;top:0;right:0;border:none;font-size:20px;padding:10px;cursor:pointer;font-weight:700;color:#4aae9b;background:transparent}.btn-green[data-v-667d8ba7]{color:#fff;background:#4AAE9B;border:1px solid #4AAE9B;border-radius:2px}.modal-fade-enter[data-v-667d8ba7],.modal-fade-leave-to[data-v-667d8ba7]{opacity:0;transform:translateY(-20px)}.modal-fade-enter-active[data-v-667d8ba7],.modal-fade-leave-active[data-v-667d8ba7]{transition:opacity .5s ease;transform:translateY(0)}.annotation[data-v-667d8ba7]{position:fixed;top:50%;width:40%;background-color:#0009;padding-bottom:20px;max-width:280px}.annotation .l-r[data-v-667d8ba7]{margin:0 0 1rem;background-color:#0009;padding:.5rem 0}.annotation button[data-v-667d8ba7]{margin:10px auto 0;width:200px;background-color:#98fb98;color:#000;transition:all .5s}.annotation button[data-v-667d8ba7]:hover{background-color:#fff}.annotation p[data-v-667d8ba7]{line-height:1.5}.key[data-v-667d8ba7]{margin:0 auto;display:flex;justify-content:space-evenly;width:50%;transition:all .2s}.key .key-item[data-v-667d8ba7]{height:20px;width:20px;border-radius:50%;display:block;background-color:#fff;border:2px solid rgba(0,0,0,.7);padding:0}.key .key-item.active[data-v-667d8ba7]{background-color:#83e377;border-color:#0006}@keyframes bob-09a8f484{0%{transform:translateY(6px)}to{transform:translateY(-6px)}}@keyframes morph-09a8f484{25%{transform:scaleY(.3)}95%{transform:scaleY(1)}}#dashboards-icon *[data-v-09a8f484]{transition:all .2s}#dashboards-icon[data-v-09a8f484]:hover{transform:translateY(-10px)}#dashboards-icon:hover .bg-screen[data-v-09a8f484],#dashboards-icon:hover .fg-screen[data-v-09a8f484]{animation:bob-09a8f484 2s ease infinite;animation-direction:alternate;animation-fill-mode:both}#dashboards-icon:hover .bg-screen[data-v-09a8f484]{animation-delay:.3s;animation-direction:backwards;animation-fill-mode:backwards;animation-duration:1s}#dashboards-icon:hover #bar-chart rect[data-v-09a8f484]{animation:morph-09a8f484 3s infinite alternate;transform-origin:100%}.cls-1[data-v-09a8f484]{fill:#fff}.cls-2[data-v-09a8f484]{fill:#f29e4c}.cls-3[data-v-09a8f484]{fill:#83e377}.cls-4[data-v-09a8f484]{fill:#0db39e}.cls-5[data-v-09a8f484]{fill:#54478c}.cls-6[data-v-09a8f484]{fill:#2c699a}.cls-7[data-v-09a8f484]{stroke-dasharray:0 4}.cls-7[data-v-09a8f484],.cls-8[data-v-09a8f484]{fill:transparent;stroke:#83e377;stroke-miterlimit:10;stroke-width:7px;stroke-dasharray:0 0 4.04 4.04}.cls-8[data-v-09a8f484]{stroke-dasharray:0 0 4.04 4.04}.cls-1[data-v-b47d7a42]{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:6px}.cls-2[data-v-b47d7a42]{fill:#f29e4c}.cls-3[data-v-b47d7a42]{fill:#83e377}.cls-4[data-v-b47d7a42]{fill:#0db39e}.cls-5[data-v-b47d7a42]{fill:#54478c}@keyframes wander1-b47d7a42{12%{transform:translate(3px,-8px)}34%{transform:translate(-2px)}57%{transform:translate(12px,-8px)}to{transform:translate(10px,2px)}}@keyframes wander2-b47d7a42{34%{transform:translate(-10px)}47%{transform:translate(-22px,8px)}to{transform:translate(18px,20px)}}@keyframes wander3-b47d7a42{14%{transform:translate(10px,-20px)}67%{transform:translate(-4px,-8px)}to{transform:translate(20px,-3px)}}@keyframes wane-b47d7a42{0%{opacity:0}20%{opacity:1}}#about-icon:hover .orange-dot[data-v-b47d7a42]{animation:wander1-b47d7a42 3s ease infinite;animation-direction:alternate;animation-fill-mode:forwards}#about-icon:hover .teal-dot[data-v-b47d7a42]{animation:wander2-b47d7a42 2s ease infinite;animation-direction:alternate;animation-fill-mode:forwards}#about-icon:hover .purple-dot[data-v-b47d7a42]{animation:wander3-b47d7a42 4s ease infinite;animation-direction:alternate-reverse;animation-fill-mode:forwards}#about-icon:hover .bubble-top[data-v-b47d7a42],#about-icon:hover .bubble-middle[data-v-b47d7a42],#about-icon:hover .bubble-bottom[data-v-b47d7a42]{animation:wane-b47d7a42 5s ease infinite}#about-icon:hover .bubble-middle[data-v-b47d7a42]{animation-delay:.5s}#about-icon:hover .bubble-bottom[data-v-b47d7a42]{animation-delay:1s}.cls-1[data-v-7421b668]{stroke-width:3px}.cls-1[data-v-7421b668],.cls-2[data-v-7421b668]{fill:none;stroke:#fff;stroke-miterlimit:10}.cls-2[data-v-7421b668]{stroke-width:6px}.cls-3[data-v-7421b668]{fill:#f29e4c}.cls-4[data-v-7421b668]{fill:#83e377}.cls-5[data-v-7421b668]{fill:#0db39e}.cls-6[data-v-7421b668]{fill:#54478c}@keyframes bulge-7421b668{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes wane-7421b668{0%{opacity:0}to{opacity:1}}#proto-icon .bolt[data-v-7421b668]{fill:#fff;opacity:0}#proto-icon:hover rect[data-v-7421b668]{animation:bulge-7421b668 3s ease-in infinite}#proto-icon:hover line[data-v-7421b668],#proto-icon:hover .bolt[data-v-7421b668]{animation:wane-7421b668 3s linear infinite}#proto-icon:hover .bolt[data-v-7421b668]{animation-duration:1.5s}@keyframes verde-wane-325cba83{0%{fill:#fff}50%{fill:#83e377}}@keyframes orange-wane-325cba83{0%{fill:#fff}50%{fill:#f29e4c}}@keyframes wane-325cba83{0%{opacity:0}to{opacity:1}}#design-sys-icon line[data-v-325cba83]{display:none}#design-sys-icon:hover .pill.cls-2[data-v-325cba83]{animation:orange-wane-325cba83 2s ease infinite}#design-sys-icon:hover .pill.cls-3[data-v-325cba83]{animation:verde-wane-325cba83 2s ease infinite}#design-sys-icon:hover .white-lines line[data-v-325cba83]{animation:wane-325cba83 1s infinite;display:block}.cls-1[data-v-325cba83]{fill:#fff}.cls-2[data-v-325cba83]{fill:#f29e4c}.cls-3[data-v-325cba83]{fill:#83e377}.cls-4[data-v-325cba83]{fill:#0db39e}.cls-5[data-v-325cba83]{fill:#54478c}.cls-6[data-v-325cba83]{stroke:#fff;stroke-miterlimit:10}.cls-6[data-v-325cba83]{fill:none}:root{--white: #eaeaea;--bgColor: var(--white);--darkGrey: #222;--fontColor: var(--darkGrey)}body{background-color:#2c699a;background-image:url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%2306365c' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E")}@media (max-width: 930px){body{width:100vw;overflow-x:hidden;overflow-y:hidden!important;padding-bottom:0}}.slide-fade-enter-active{transition:all .3s ease}.slide-fade-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{transform:translate(10px);opacity:0}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes colorGrad{0%{border-color:#54478c}20%{border-color:#2c699a}40%{border-color:#0db39e}60%{border-color:#83e377}80%{border-color:#f29e4c}}.lrgbtn{display:block;height:5rem;background-size:cover;background-position:20%;box-shadow:0 3px 5px 3px #0000005c;width:80%;border-radius:10px;margin:1rem auto;text-decoration:none;text-transform:uppercase;color:#000c;font-size:1.5rem;transition:all .2s;position:relative;transform:scale(.95)}.lrgbtn:hover{box-shadow:0 3px 10px 3px #000c;background-position:90% -55%;transform:scale(1)}.lrgbtn:hover span{background-color:#98fb98b3}.lrgbtn span{position:absolute;top:25%;right:0;left:0;margin:auto;text-shadow:3px 3px 20px #fff,-2px 1px 30px #fff;padding:10px;display:inline-block;transition:all .2s;background-color:#ffffff80}.app-stage{position:relative}.app-stage .color-morph{background:linear-gradient(-45deg,#54478c,#2c699a,#0db39e,#83e377,#f29e4c);background-size:700% 700%;animation:gradient 15s ease infinite;height:100vh;padding-bottom:10rem;height:1500px;width:1500px;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;text-align:center}.app-stage .color-morph.top{top:-1340px;transform:rotate(45deg)}@media (max-width: 930px){.app-stage .color-morph.top{top:-460px}}.app-stage .color-morph.bottom{top:2000px;transform:rotate(200deg)}@media (max-width: 930px){.app-stage .color-morph{height:460px;width:600px}}.quote-menu{position:absolute;right:3rem;top:70px;max-width:90px}.quote-menu button{margin:4px 4px 0 0;background-color:#fff;opacity:.7;transition:all .3s;border-radius:50%;height:15px;width:15px}@media screen and (prefers-color-scheme: dark){.quote-menu button{background-color:#000c}}.quote-menu button.active{background-color:#98fb98;opacity:1}.quote-menu button:hover{cursor:pointer;opacity:1}header.app{padding-top:10px;height:35px;margin-bottom:10px;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-content:center;z-index:10;position:sticky;top:0;border-top:2px solid #0db39e;animation:colorGrad;animation-iteration-count:infinite;animation-duration:10s;animation-direction:alternate-reverse}@media (max-width: 930px){header.app{display:none}}header.app a{border:none;background:rgba(0,0,0,.8);padding:10px 20px;margin-right:5px;color:#ffffffe6;transition:all .2s;border-radius:10px;text-transform:uppercase;text-decoration:none}header.app a:hover{color:#98fb98;background:rgb(0,0,0)}header.app a.active{color:#98fb98}main{padding-bottom:5rem;position:relative;z-index:9;max-width:1200px;margin:0 auto}.top-about{display:flex;justify-content:center;padding:0 100px;margin:2rem 0}@media (max-width: 930px){.top-about{display:block;padding:0}}.top-about .intro{max-width:55%;text-align:left;font-size:calc(.75rem + .75vw);line-height:1.25;position:relative;z-index:9;padding-bottom:2rem}@media (max-width: 930px){.top-about .intro{width:100%;text-align:center;margin:2rem auto 0;font-size:1.75rem;max-width:75%}}.top-about .intro h2{color:#fff;margin-top:0}.top-about .intro h2,.top-about .intro span{position:relative;z-index:9;text-shadow:1px 2px 2px rgba(0,0,0,.3)}.top-about .intro span{color:#000000b3}.top-about .intro .small-screen{display:none;background-color:#fff;box-shadow:0 3px 5px 3px #0000005c;padding:1rem;color:#2c699a}@media (max-width: 930px){.top-about .intro .small-screen{display:block}}nav.top{margin-top:-5px}nav.top button{margin-right:10px;padding:10px 25px;font-size:80%}nav.top button:hover{cursor:pointer}nav.large-nav{display:flex;justify-content:space-evenly;margin-bottom:2rem;padding:0 2rem;position:relative;z-index:9}@media (max-width: 930px){nav.large-nav{display:none}}nav.large-nav a{width:24%;height:200px;margin-right:10px;border-radius:10px;background:rgba(0,0,0,.4);text-transform:uppercase;text-decoration:none;font-size:calc(.75rem + .75vw);padding-top:10px;transition:all .2s;color:#fffc}nav.large-nav a:hover{transform:translateY(-10px);color:#98fb98}nav.large-nav a.about #about-icon{max-width:230px}nav.large-nav a.prototyping svg{margin-top:-10px}nav.large-nav a.designSystems svg{transform:scale(.9);margin-top:-10px}.me{width:25%;height:25%;border:3px solid white;border-radius:50%;overflow:hidden;z-index:10}@media screen and (prefers-color-scheme: dark){.me{border-color:#000c}}@media (max-width: 930px){.me{margin:0 auto 2rem;width:40%}}.me.bottom-portrait{position:absolute;right:4rem;bottom:-200px;width:500px;height:auto;border:none;border-radius:0;overflow:visible;background:transparent;z-index:11}@media (max-width: 930px){.me.bottom-portrait{display:none}}.intro{padding-left:30px;margin-left:20px}.jmh{width:30px;margin-top:-12px;margin-right:10px}.panel{margin:0 2rem 2rem;padding:1rem 1rem 3rem;background:var(--bgColor);border-radius:10px;height:60rem;box-shadow:0 3px 5px 3px #0000005c;display:flex;position:relative;z-index:9;color:var(--fontColor)}@media (max-width: 930px){.panel{display:none}}.panel .left-pane{padding:0 2rem;width:30%;font-size:calc(.75rem + 1vw);position:relative;text-align:left}@media screen and (prefers-color-scheme: dark){.panel .left-pane h2{color:#98fb98}}.panel .left-pane svg{margin:1rem auto 0;background-color:#000c;max-width:250px;border-radius:20px}@media screen and (prefers-color-scheme: dark){.panel .left-pane svg{background-color:transparent}}.panel .left-pane p{line-height:1.25}.panel .left-pane .skills{position:relative}.panel .left-pane .skills span{display:inline-block;color:#98fb98;padding:10px 20px;margin:5px 5px 0 0;background:rgba(0,0,0,.8);font-size:50%;transition:all .2s;text-transform:uppercase;border-left:4px solid palegreen}.panel .left-pane .skills span:hover{background:rgb(0,0,0);color:#ffa07a;border-color:#ffa07a}.panel .left-pane .skills:before{content:"SKILLS USED";display:block;border-top:1px solid rgba(0,0,0,.3);padding-top:1rem;margin-top:1rem;font-size:80%}.panel .right-pane{width:70%;padding-left:2rem;height:calc(100% - 1rem);overflow-y:scroll}.panel .right-pane h3{padding-bottom:0;margin-bottom:0}.panel .right-pane h4{padding-top:0;margin-top:0;color:#1d0d0d99;text-transform:uppercase}@media screen and (prefers-color-scheme: dark){.panel .right-pane h4{color:#98fb98}}.panel .right-pane p{font-size:1rem;line-height:1.5;text-align:left;margin-bottom:2rem;padding-right:1rem}.panel .right-pane .functional-app{display:block}.panel .right-pane .functional-app a{display:block;height:5rem;background-size:cover;background-position:20%;box-shadow:0 3px 5px 3px #0000005c;width:80%;border-radius:10px;margin:1rem auto;text-decoration:none;text-transform:uppercase;color:#000c;font-size:1.5rem;transition:all .2s;position:relative;transform:scale(.95)}.panel .right-pane .functional-app a:hover{box-shadow:0 3px 10px 3px #000c;background-position:90% -55%;transform:scale(1)}.panel .right-pane .functional-app a:hover span{background-color:#98fb98b3}.panel .right-pane .functional-app a span{position:absolute;top:25%;right:0;left:0;margin:auto;text-shadow:3px 3px 20px #fff,-2px 1px 30px #fff;padding:10px;display:inline-block;transition:all .2s;background-color:#ffffff80}.panel .right-pane ul{text-align:left}.panel .right-pane ul li{margin:1rem 0 .5rem;line-height:1.25}.panel .right-pane::-webkit-scrollbar{width:15px}.panel .right-pane::-webkit-scrollbar-track{background:rgba(0,0,0,.3);border-radius:10px}@media screen and (prefers-color-scheme: dark){.panel .right-pane::-webkit-scrollbar-track{background:rgba(255,255,255,.3)}}.panel .right-pane::-webkit-scrollbar-thumb{background-color:#000c;border-radius:10px}@media screen and (prefers-color-scheme: dark){.panel .right-pane::-webkit-scrollbar-thumb{background:rgba(255,255,255,.8)}}@media screen and (prefers-color-scheme: dark){.panel{--bgColor: var(--darkGrey);--fontColor: var(--white)}}.grid-display{position:absolute;width:1200px;margin-left:auto;margin-right:auto;left:0;right:0;top:-.5rem;z-index:0}.grid-display.bottom{top:auto;bottom:0;transform:rotate(180deg);z-index:-1;width:auto}.grid-bottom{bottom:0}.bottom-shaper-wrapper{height:15rem;position:relative}@media (max-width: 930px){.bottom-shaper-wrapper{display:none}}.bottom-shaper-wrapper .quote-wrapper{position:absolute;bottom:50%;top:12%;left:0;right:0;margin:auto;max-width:700px;z-index:10000}.bottom-shaper-wrapper .quote-text{color:#fff;text-shadow:3px 3px 3px rgba(0,0,0,.6);line-height:1.4;margin:0;transition:font-size .3s ease}.bottom-shaper-wrapper .quote-citation{display:block;color:#ffffffd9;text-shadow:2px 2px 2px rgba(0,0,0,.5);font-size:1.25rem;text-align:right;margin:.5rem 0 0}.img-gallery{display:flex;flex-wrap:wrap;align-items:flex-start;margin-bottom:1rem}.img-gallery img{max-width:45%;margin:5px 5px 0 0;transition:all .2s;border:5px solid rgba(0,0,0,.2)}.img-gallery img:hover{border-color:#000c;cursor:pointer}@media screen and (prefers-color-scheme: dark){.img-gallery img:hover{border-color:#98fb98cc}}.img-gallery-alt img{max-width:95%;transition:all .2s;border:5px solid rgba(0,0,0,.2)}.img-gallery-alt img:hover{border-color:#000c;cursor:pointer}@media screen and (prefers-color-scheme: dark){.img-gallery-alt img:hover{border-color:#98fb98cc}}.about-section{background-color:#06365c;position:relative;z-index:9;color:#fff;text-align:left;font-size:1.25rem;line-height:1.5;transform:rotate(2deg);width:110vw;border-bottom:4px solid #83e377;border-top:6px solid white;box-shadow:0 3px 5px 3px #0000005c;margin-top:-5rem;margin-left:-10px}@media (max-width: 930px){.about-section{display:none}}.about-section .me.bottom{position:absolute;width:14rem;height:14rem;right:78%;border:none;background:transparent}.about-section main{max-width:1200px;display:flex;transform:rotate(-2deg);margin:0 auto}.about-section main h2{text-shadow:1px 2px 2px rgba(0,0,0,.3);color:#98fb98}.about-section main .right-about{width:40%;padding-left:2rem;margin-top:4rem}.about-section main .right-about a{display:block;text-transform:uppercase;color:#000c;background-color:#98fb98;transition:all .2s;text-decoration:none;margin-bottom:5px;border-radius:10px;padding:5px 20px;width:70%}.about-section main .right-about a:hover{background-color:#000c;color:#98fb98}.about-section main .left-about{width:60%;padding-right:2rem}button{border:none;border-radius:5px;background-color:#000c;color:#ffffffe6;padding:5px 10px;text-transform:uppercase;transition:all .2s}button:hover{color:#98fb98}@keyframes dash{to{stroke-dashoffset:0}}.modal-fade-enter,.modal-fade-leave-to{opacity:0}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .5s ease}.top-link{background:transparent!important}p,span,a,div{font-family:Josefin Sans,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Quicksand,sans-serif}html,body,ul{margin:0;padding:0}html{scroll-behavior:smooth}body{padding-bottom:10rem;width:100vw;overflow:hidden;overflow-y:scroll}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}.shaper-ready{position:relative;height:100%}