*{box-sizing:border-box;margin:0;padding:0;text-align:center}.theme-light{--dark-text:#5e4b56;--accent:#dbe7e4;--button-border:#5e4b56;--dark-background:#dbe7e4;--light-text:#5e4b56;--light-background:#eddcd2}.theme-dark{--dark-text:#292929;--dark-background:#2f4550;--light-background:#586f7c;--accent:#b8dbd9;--button-border:#b8dbd9;--light-text:#f9f8f8}#root,html{color:var(--dark-text);font-family:Roboto Mono,monospace;height:100vh}body{background-color:var(--light-background);height:100vh}button{font-family:Roboto Mono,monospace}.App{background-color:var(--light-background);height:100%}h2,h3,p{margin:10px;padding:10px}h3{color:var(--dark-text);font-size:1.5em}li{list-style-type:none}.offscreen{clip:rect(1px,1px,1px,1px);height:1px;margin-top:-1px;overflow:hidden;position:relative;width:1px}.landing{height:100%;text-align:center;width:100%}.landing_text{background:hsla(0,0%,100%,.3);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.37);color:#292929;left:50%;padding:10vmin;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}.landing_name{font-weight:700;padding:20px 20px 0}.landing_title{font-weight:500;margin-top:0;padding:10px}.landing_button{align-items:center;background:hsla(0,0%,100%,.1);border:3px solid #292929;color:#292929;display:flex;justify-content:center;margin:auto;padding:15px 10px;width:180px}.button_arrow{height:15px;padding-left:10px;position:relative}nav{align-items:center;display:flex;flex-direction:column;grid-area:nav;justify-content:space-evenly;outline:none;padding:20px}.nav_button,nav{background-color:var(--dark-background)}.nav_button{border:2px solid transparent;color:var(--light-text);font-size:1em;margin:3px;padding:10px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{top:-3px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{top:-3px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes spin-speaking{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{top:3px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes spin-speaking{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{top:3px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.main-container{grid-template-areas:"nav nav nav" ". blog ." ". speaking ." ". work ." ". about ." ". contact ."}.error-container,.main-container{background-color:var(--light-background);display:grid;grid-template-columns:.05fr 1fr .05fr;grid-template-rows:.25fr auto;padding-bottom:2%}.error-container{grid-template-areas:"nav nav nav" ". error ."}.container_about{grid-area:about}.container_contact{grid-area:contact}.flex-container{display:flex;flex-direction:column;place-items:center}.section_title{color:var(--light-text);font-size:2em;font-weight:700;grid-area:sectionTitle;margin-top:20px}.secondary-container{background:var(--accent);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.37);color:var(--dark-text)}.container_content{grid-area:blog}.content-content{margin:0;padding:4%;width:100%}.content-graphic{max-width:300px;padding:0 20px 0 80px}.content_link{align-items:center;display:flex;flex-direction:column;justify-content:center}.content_link p{margin-right:0;padding-top:0}.content_link a{margin:0 0 10px}.container_speaking{grid-area:speaking}.talks h3{margin:0}.talks{align-items:center;display:flex;flex-direction:column;padding:7%}.talk-list,.talk-list li{padding:5px}.talk-list li p{margin:5px;padding:0}.speaking_CTA{background:hsla(0,0%,100%,.1);border:3px solid #292929;color:#292929;display:block;margin:5%;padding:10px;width:230px}.speaking_CTA .button_arrow{padding-left:0;top:2px}.talk_link{align-items:center;display:flex;flex-direction:row;justify-content:center}.talk_link svg{margin-bottom:3px}.event_title{font-size:1.25em}.work_image{grid-area:pic;margin:10px;max-height:200px;max-width:200px}.container_work{grid-row-gap:20px;border-radius:10px;display:grid;grid-area:work;grid-template-areas:"sectionTitle" "digitalGarden" "thisSite" "gachasphere" "bujo" "knitworthy" "OWS";grid-template-columns:1fr;padding-bottom:10px;place-items:center;row-gap:20px}#digitalGarden{grid-area:digitalGarden}#this{grid-area:thisSite}#gachasphere{grid-area:gachasphere}#BujoToGo{grid-area:bujo}#knitworthy{grid-area:knitworthy}#OWS{grid-area:OWS}.work{grid-template-areas:"title" "type" "pic" "icons" "text";grid-template-rows:.1fr .1fr .1fr .1fr 1fr}.work,.work_this{background:var(--accent);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.37);color:var(--dark-text);display:grid;place-items:center}.work_this{grid-template-areas:"title" "type" "icons" "text";grid-template-rows:.1fr .1fr .1fr 1fr}.work_title--primary{grid-area:title}.work_title--secondary{grid-area:type}.work_text{grid-area:text}.work_links{grid-area:icons}.work_container_image{display:flex;grid-area:pic;justify-content:space-around}.work_container_image>img{margin:5px;max-height:200px;max-width:200px;padding:5px}.work_icon{margin:10px;width:50px}#gachaGif,.about{border-radius:10px}.about{background:var(--accent);box-shadow:0 8px 32px 0 rgba(0,0,0,.37);padding:20px}.skills-icon{margin:20px;width:60px}.nuxt-icon{margin:20px 20px 35px;width:80px}.vue-icon{margin-bottom:30px;width:40px}.pinia-icon{margin-bottom:20px;width:40px}.container_skills-icon{background:hsla(0,0%,100%,.55);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.37);margin:0 5%}.about_headshot{border-radius:10px;width:150px}.contact{align-items:center;background:var(--accent);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.37);color:var(--light-text);display:flex;flex-direction:column;width:100%}.contact_text{color:var(--dark-text);margin:10px auto;padding:5px}.contact_list li{align-items:center;display:flex;flex-direction:row}.contact-logo{height:30px;margin:5px;width:30px}.linked-in{width:35px}.tiktok{border-radius:4px}.contact-form{background:hsla(0,0%,100%,.55);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.37);display:flex;flex-direction:column;margin-bottom:30px}.contact-form p{color:var(--dark-text);margin:10px;padding:0}.contact-form input,.message_input{margin:10px}.contact_email,.contact_name,.message{align-items:center;display:flex;flex-direction:column;justify-content:center}.message_input{padding:30px 0}.contact_button{background:none;border:2px solid transparent;color:var(--dark-text);font-size:1em;margin:3px;padding:10px}.contact_p{color:var(--dark-text);margin-top:0;padding-top:0}button:active,button:focus,button:hover{outline:none}.landing_button:focus,.landing_button:hover,.speaking_CTA:active,.speaking_CTA:focus,.speaking_CTA:hover{background-color:#292929;color:#f9f8f8}.landing_button:focus .button_arrow,.landing_button:hover .button_arrow,.speaking_CTA:focus .button_arrow,.speaking_CTA:hover .button_arrow{stroke:#f9f8f8;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:spin;animation-name:spin;transition-delay:0ms;transition:all .2s ease-in}.landing-enter,.mainFull-enter,.navBar-enter,.single-enter{opacity:.01}.landing-enter-active,.mainFull-enter-active,.navBar-enter-active,.single-enter-active{opacity:1;transition:opacity .5s ease-in}.landing-exit,.mainFull-exit,.navBar-exit,.single-exit{opacity:1}.landing-exit-active,.mainFull-exit-active,.navBar-exit-active,.single-exit-active{opacity:.01;transition:opacity .3s ease-in}.external-link{top:.15em}.download-file,.external-link{height:1em;position:relative;width:1em}.download-file{top:.2em}a:not(.nav_button,.speaking_CTA,.landing_button){word-wrap:break-word;overflow-wrap:break-word}a:link:not(.nav_button,.speaking_CTA,.landing_button),a:visited:not(.nav_button,.speaking_CTA,.landing_button){color:var(--dark-text)}a:active,a:focus,a:hover{color:var(--light-background)}.speaking_CTA:focus .button_arrow,.speaking_CTA:hover .button_arrow{-webkit-animation-name:spin-speaking;animation-name:spin-speaking}.nav_button:active,.nav_button:focus,.nav_button:hover{border:2px solid var(--button-border);color:var(--light-text)}.contact_button:active,.contact_button:focus,.contact_button:hover{border:2px solid var(--dark-text);cursor:pointer}.landing_button,.nav_button,.speaking_CTA{text-decoration:none}@media screen and (min-width:350px){.about_headshot{width:300px}.work_container_image>img,.work_image{max-width:300px}.contact-form{min-width:300px}.blog-content,.talks{padding:5%}.speaking_CTA{margin:5%}}@media screen and (min-width:550px){nav{flex-direction:row}}@media screen and (min-width:700px){.work_container_image>img,.work_image{max-height:200px;max-width:200px}.work{grid-template-areas:"title text" "type text" "pic text" "icons text";grid-template-rows:1fr}.work,.work_this{grid-template-columns:.25fr 1fr}.work_this{grid-template-areas:"title text" "type text" "icons text";grid-template-rows:.5fr .1fr 1fr}.work_icon{padding-bottom:20px}.contact-form{min-width:500px;padding:15px}.contact_email,.contact_name,.message{flex-direction:row}.blog-content,.talks{padding:3%}.speaking_CTA{margin:3%}.content_link{flex-direction:row}}@media screen and (min-width:800px){.work_container_image>img,.work_image{max-width:300px}}@media screen and (min-width:900px){.work_container_image>img,.work_image{max-width:400px}}@-webkit-keyframes slide{0%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}to{-webkit-transform:translateX(25%);transform:translateX(25%)}}@keyframes slide{0%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}to{-webkit-transform:translateX(25%);transform:translateX(25%)}}.bg{-webkit-animation:slide 3s ease-in-out infinite alternate;animation:slide 3s ease-in-out infinite alternate;background-image:linear-gradient(-60deg,#b8dbd9 50%,#586f7c 0);bottom:0;left:-50%;opacity:.5;position:fixed;right:-50%;top:0;z-index:1}.bg2{animation-direction:alternate-reverse;-webkit-animation-duration:4s;animation-duration:4s}.bg3{-webkit-animation-duration:5s;animation-duration:5s}@media (prefers-reduced-motion){.bg,.bg2,.bg3{-webkit-animation-name:dissolve;animation-name:dissolve}}.container_shiba{align-items:center;background:var(--accent);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.37);display:flex;flex-direction:column;grid-area:error;margin:5% 0 10px}.error-graphic,.loading-graphic{max-width:100px;padding:20px 20px 0}.error-graphic-main{fill:#f8a768}.error-graphic-cream{fill:#fffbde}.error-graphic-lines{fill:#421d00}.error-graphic_qm-fill{fill:#a19ece;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:colorRotate-fill-hsla;animation-name:colorRotate-fill-hsla}.error-graphic_qm-fill,.error-graphic_qm-lines{-webkit-animation-duration:3s;animation-duration:3s;transition:all .36s ease-in}.error-graphic_qm-lines{fill:#524f77;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:colorRotate-fill;animation-name:colorRotate-fill}.error-graphic_qm_dot{fill:#a19ece;stroke:#524f77;stroke-miterlimit:10;stroke-width:3px;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:colorRotate-stroke,colorRotate-fill-hsla;animation-name:colorRotate-stroke,colorRotate-fill-hsla;transition:all .36s ease-in}@-webkit-keyframes colorRotate-fill-hsla{0%,to{fill:rgba(255,0,0,.2)}10%{fill:rgba(255,153,0,.2)}20%{fill:rgba(204,255,0,.2)}30%{fill:rgba(51,255,0,.2)}40%{fill:rgba(0,255,102,.2)}50%{fill:rgba(0,255,255,.2)}60%{fill:rgba(0,102,255,.2)}70%{fill:rgba(51,0,255,.2)}80%{fill:rgba(204,0,255,.2)}90%{fill:rgba(255,0,153,.2)}}@keyframes colorRotate-fill-hsla{0%,to{fill:rgba(255,0,0,.2)}10%{fill:rgba(255,153,0,.2)}20%{fill:rgba(204,255,0,.2)}30%{fill:rgba(51,255,0,.2)}40%{fill:rgba(0,255,102,.2)}50%{fill:rgba(0,255,255,.2)}60%{fill:rgba(0,102,255,.2)}70%{fill:rgba(51,0,255,.2)}80%{fill:rgba(204,0,255,.2)}90%{fill:rgba(255,0,153,.2)}}@-webkit-keyframes colorRotate-fill{0%,to{fill:red}10%{fill:#f90}20%{fill:#cf0}30%{fill:#3f0}40%{fill:#0f6}50%{fill:#0ff}60%{fill:#06f}70%{fill:#30f}80%{fill:#c0f}90%{fill:#f09}}@keyframes colorRotate-fill{0%,to{fill:red}10%{fill:#f90}20%{fill:#cf0}30%{fill:#3f0}40%{fill:#0f6}50%{fill:#0ff}60%{fill:#06f}70%{fill:#30f}80%{fill:#c0f}90%{fill:#f09}}@-webkit-keyframes colorRotate-stroke{0%,to{stroke:red}10%{stroke:#f90}20%{stroke:#cf0}30%{stroke:#3f0}40%{stroke:#0f6}50%{stroke:#0ff}60%{stroke:#06f}70%{stroke:#30f}80%{stroke:#c0f}90%{stroke:#f09}}@keyframes colorRotate-stroke{0%,to{stroke:red}10%{stroke:#f90}20%{stroke:#cf0}30%{stroke:#3f0}40%{stroke:#0f6}50%{stroke:#0ff}60%{stroke:#06f}70%{stroke:#30f}80%{stroke:#c0f}90%{stroke:#f09}}@media screen and (min-width:350px){.error-graphic,.loading-graphic{max-width:150px}}@media screen and (min-width:525px){.error-graphic,.loading-graphic{max-width:200px}.container_error{margin-top:20px;width:92%}}@media screen and (min-width:700px){.container_error{width:90%}}@media screen and (min-width:900px){.container_error{width:92%}}@media screen and (min-width:1200px){.container_error{margin-top:30px}}@media (prefers-reduced-motion){.error-graphic_qm-fill,.error-graphic_qm-lines{-webkit-animation-name:dissolve;animation-name:dissolve}}:root{--blue-background:#c2e9f6;--blue-border:#108dad;--blue-color:#96dcee;--yellow-background:#fffaa8;--yellow-border:#f5eb71;--indigo-background:#808fc7;--indigo-border:#808bbc;--indigo-color:#6b7abb;--gray-border:#e8e8ea;--gray-dots:#e8e8ea}@-webkit-keyframes reverse{0%{left:47px;width:40px}60%{left:3px;width:80px}to{left:3px}}@keyframes reverse{0%{left:47px;width:40px}60%{left:3px;width:80px}to{left:3px}}@-webkit-keyframes switch{0%{left:3px}60%{left:3px;width:80px}to{left:47px;width:40px}}@keyframes switch{0%{left:3px}60%{left:3px;width:80px}to{left:47px;width:40px}}.toggle--checkbox{opacity:0}.toggle--checkbox:focus+.toggle--label{outline:solid 3px var(--button-border);transition:outline .1s ease-in}.container--toggle{display:grid;grid-area:toggle;margin:20px;min-height:60px;place-items:center;position:relative}.toggle--label{background:#6b7abb;background:var(--indigo-color);border:3px solid #808bbc;border:3px solid var(--indigo-border);border-radius:100px;color:#6b7abb;color:var(--indigo-color);display:flex;height:54px;position:relative;transition:all .35s ease-in;width:100px}.toggle--checkbox:checked+.toggle--label{background:#96dcee;background:var(--blue-color);border-color:#108dad;border-color:var(--blue-border);color:#96dcee;color:var(--blue-color)}.toggle--checkbox:checked+.toggle--label:before{-webkit-animation-duration:.35s;animation-duration:.35s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:reverse;animation-name:reverse;background:#fffaa8;background:var(--yellow-background);border-color:#f5eb71;border-color:var(--yellow-border);transition:all .36s ease-in}.toggle--label:before{-webkit-animation-duration:.35s;animation-duration:.35s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:switch;animation-name:switch;background:#fff;border:3px solid #e8e8ea;border:3px solid var(--gray-border);border-radius:40px;content:"";height:40px;left:3px;position:absolute;top:1px;width:40px}.toggle--label:after{background:transparent;border-radius:50%;box-shadow:-14px 0 0 1px #e8e8ea,-22px 12px 0 -1px #e8e8ea;box-shadow:var(--gray-dots) -14px 0 0 1px,var(--gray-dots) -22px 12px 0 -1px;content:"";height:6px;left:80px;opacity:1;position:absolute;top:10px;transition-delay:0ms;transition:all .25s ease-in;width:6px}.toggle--checkbox:checked+.toggle--label:after{opacity:0;transition-delay:50ms}.toggle--checkbox:checked+.toggle--label .toggle--label-background{left:65px;top:22px;width:5px}.toggle--checkbox:checked+.toggle--label .toggle--label-background:before{height:5px;left:-5px;top:-4px;width:20px}.toggle--checkbox:checked+.toggle--label .toggle--label-background:after{height:5px;left:-10px;top:3px;width:20px}.toggle--label-background{background:#fff;border-radius:5px;height:4px;left:32px;position:relative;top:25px;transition:all .15s ease-in;width:6px}.toggle--label-background:before{top:-15px}.toggle--label-background:after,.toggle--label-background:before{background:#fff;border-radius:5px;content:"";height:4px;left:-20px;position:absolute;transition:all .15s ease-in;width:4px}.toggle--label-background:after{top:10px}
/*# sourceMappingURL=main.9c50dfc8.css.map*/