:root{--bg-color: #f1f4f5;--text-color: #111;--bg-post: #fff;--gray-1: #f1f4f5;--gray-2: #ddd;--gray-3: #ccc;--gray-4: #707070;--gray-5: #444;--gray-6: #222;--link-color: #2010ec;--visited-link-color: #7117b4;--bg-site-header: #212123}[data-theme=dark]{--bg-color: #000;--text-color: #d0d0d0;--bg-post: #121214;--gray-1: #1a1a1c;--gray-2: #2a2a2c;--gray-3: #3a3a3c;--gray-4: #88898b;--gray-5: #bbbcbe;--gray-6: #dddddf;--link-color: #4d94f1;--visited-link-color: #9f3ee7;--bg-site-header: #101013}::selection{background:#3bf;color:#000;text-shadow:none;background-clip:unset;-webkit-background-clip:unset;-webkit-text-fill-color:#000}::-webkit-scrollbar{width:12px;background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#aaa;border:2px solid var(--bg-color);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#888}::-webkit-scrollbar-thumb:active{background:#666}:root[data-theme=dark]{scrollbar-color:#aaa var(--bg-color)}:root{color-scheme:light dark;--bg-intro: #141415;--bg-hover-view: #141415;--bg-main: #fff;--section-padding: 96px;--intro-section-width: 50%}@media screen and (min-width: 1600px){:root{--section-padding: 128px}}@media screen and (min-width: 900px)and (max-width: 1200px){:root{--section-padding: 64px}}@media screen and (min-width: 500px)and (max-width: 650px){:root{--section-padding: 64px}}@media screen and (max-width: 500px){:root{--section-padding: 32px}}@media screen and (max-width: 900px){.section.section-intro{padding-top:64px;padding-bottom:64px}}[data-theme=dark]{--bg-hover-view: #2d2d2f;--bg-main: #19191A}*{margin:0;padding:0}*,::before,::after{box-sizing:border-box}html,body{height:100%}body{background:var(--bg-intro);color:#d0d0d0;font:20px/1.5 "Open Sans";transition:.3s ease-in-out}@keyframes blinking-cursor{0%{border-color:#dadada}49%{border-color:#dadada}50%{border-color:rgba(0,0,0,0)}100%{border-color:rgba(0,0,0,0)}}@keyframes rotateBackgroundImage{from{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fade-in-slide{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}.home-wrapper{width:100%}.section{padding:var(--section-padding)}@media screen and (min-width: 900px){.section-intro{position:fixed;width:var(--intro-section-width);left:0;height:100%;max-height:100vh;overflow-y:auto}.section-main{position:absolute;left:var(--intro-section-width);width:calc(100% - var(--intro-section-width));min-height:100vh}}.section-intro{display:flex;flex-flow:column nowrap;justify-content:center;justify-content:space-between;padding-bottom:calc(var(--section-padding) - 16px)}.section-intro .hello{font:5rem "Montserrat","Open Sans",sans-serif;text-transform:uppercase;letter-spacing:2px;font-weight:bold;text-align:center;margin-top:-18px;background:linear-gradient(to right, #b721f2, #6140e9, #23658a, #8a2387, #e94057, #f27121);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:rotateBackgroundImage 2s ease-out}@media screen and (min-width: 1000px){.section-intro .hello{font-size:6rem}}.contact-icon-list{display:flex;flex-flow:row wrap;justify-content:center}.contact-icon{display:flex;flex-flow:row wrap;justify-content:center;position:relative;margin:16px 32px}@media screen and (max-width: 1280px){.contact-icon a{margin:0 16px}}.contact-icon a .svg-icon{width:48px;height:48px;background:rgba(0,0,0,.2);border-radius:50%;backdrop-filter:blur(8px)}.contact-icon a stop{transition:.2s ease-out;stop-color:#eee !important}.contact-icon a:hover stop:first-child{stop-color:#e94057 !important}.contact-icon a:hover stop:last-child{stop-color:#f27121 !important}.contact-icon span{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;position:absolute;top:-36px;font-weight:bold;background:linear-gradient(to right, transparent, transparent, #e94057, #f27121);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);transition:.3s ease-out}@media screen and (max-width: 900px){.contact-icon span{display:none}}.contact-icon span::before{content:"";height:100%;width:calc(100% + 24px);left:-12px;background:rgba(20,20,21,.6);backdrop-filter:blur(10px);position:absolute;z-index:-1;display:block;border-radius:200px;opacity:0;transition:.3s ease-out}.contact-icon a:hover+span,.contact-icon a:hover+span::before{background-position:100% 50%;opacity:1}.section-main{background:var(--bg-main);color:var(--text-color);transition:background .3s ease-in-out,color .3s ease-in-out}.section-main .mini-header{font-size:2rem;color:var(--text-color);text-decoration:none;background:linear-gradient(to right, var(--text-color), var(--text-color), #8a2387, #e94057);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);transition:.3s ease-out}.section-main .mini-header::before{content:"./"}.section-main .mini-header:hover,.section-main .mini-header:focus,.section-main .mini-header:active{background-position:100% 50%}.section-main a:not(.mini-header){position:relative;text-decoration:none;background:linear-gradient(to right, var(--link-color), var(--link-color), #160ba4, #6155f3);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);transition:.3s ease-out}[data-theme=dark] .section-main a:not(.mini-header){background:linear-gradient(to right, var(--link-color), var(--link-color), #3325f0, #bab4fa);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.section-main a:not(.mini-header):hover,.section-main a:not(.mini-header):focus,.section-main a:not(.mini-header):active{background-position:100% 50%}.section-main a:not(.mini-header)::before{content:"";position:absolute;bottom:0px;left:100%;width:0%;height:1.5px;background:linear-gradient(to right, #160ba4, #bab4fa);opacity:0;transition:.3s ease-out}[data-theme=dark] .section-main a:not(.mini-header)::before{background:linear-gradient(to right, #3325f0, #bab4fa)}.section-main a:not(.mini-header):hover{text-decoration:none}.section-main a:not(.mini-header):hover::before{left:0;opacity:1;width:100%}.section-main li{line-height:2rem;padding-bottom:12px}.section-main .mini-content{margin-top:32px;margin-bottom:var(--section-padding);line-height:2.5rem}.section-main .mini-content ul{list-style-type:none}.section-main .mini:last-of-type .mini-content{margin-bottom:0}.mini-about details{margin-top:16px}.mini-about summary{cursor:pointer}.mini-about .details-inner{margin-left:32px;margin-top:16px}.mini-about details[open] li{opacity:0;animation:.5s fade-in-slide ease-out;animation-fill-mode:forwards}.mini-about details[open] li:nth-of-type(1){animation-delay:0.1s}.mini-about details[open] li:nth-of-type(2){animation-delay:0.2s}.mini-about details[open] li:nth-of-type(3){animation-delay:0.3s}.mini-about details[open] li:nth-of-type(4){animation-delay:0.4s}.mini-about details[open] li:nth-of-type(5){animation-delay:0.5s}.mini-about details[open] li:nth-of-type(6){animation-delay:0.6s}.mini-about details[open] li:nth-of-type(7){animation-delay:0.7s}.mini-about details[open] li:nth-of-type(8){animation-delay:0.8s}.mini-about details[open] li:nth-of-type(9){animation-delay:0.9s}.mini-about details[open] li:nth-of-type(10){animation-delay:1s}.mini-about details[open] li:nth-of-type(11){animation-delay:1.1s}.mini-about details[open] li:nth-of-type(12){animation-delay:1.2s}.mini-about details[open] li:nth-of-type(13){animation-delay:1.3s}.mini-about details[open] li:nth-of-type(14){animation-delay:1.4s}.mini-about details[open] li:nth-of-type(15){animation-delay:1.5s}.mini-about details[open] li:nth-of-type(16){animation-delay:1.6s}.mini-about .classes li a{margin-right:4px}.mini-about .jobs .details-inner{margin-bottom:16px}.mini-about .emoji{height:1em;width:1.75em;vertical-align:-0.1em;margin-left:-1.5em;padding-right:.75em;opacity:0;transform:translateX(8px) scale(1.5);transition:.15s ease-out}.mini-about li:hover .emoji{opacity:1;transform:scale(2)}.mini-about .about-job{font-weight:bold;transition:.6s ease-out}.mini-about .about-job.job-benchling{background:linear-gradient(to right, #1f3ce0, #157fdb, #0073d7, #001fcc);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.mini-about .about-job.job-benchling::before{background:linear-gradient(to right, #0073d7, #001fcc)}[data-theme=dark] .mini-about .about-job.job-benchling{background:linear-gradient(to right, #6277e9, #157fdb, #0073d7, #94c8f5);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}[data-theme=dark] .mini-about .about-job.job-benchling:hover{background-position:100% 50%}[data-theme=dark] .mini-about .about-job.job-benchling::before{background:linear-gradient(to right, #0073d7, #94c8f5)}.mini-about .about-job.job-uw{background:linear-gradient(to right, #7938e2, #7733e4, #6100fe, #5800e7);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.mini-about .about-job.job-uw::before{background:linear-gradient(to right, #6100fe, #5800e7)}[data-theme=dark] .mini-about .about-job.job-uw{background:linear-gradient(to right, #a67bec, #7733e4, #6100fe, #d1baf6);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}[data-theme=dark] .mini-about .about-job.job-uw:hover{background-position:100% 50%}[data-theme=dark] .mini-about .about-job.job-uw::before{background:linear-gradient(to right, #6100fe, #d1baf6)}.mini-about .about-job.job-amazon{background:linear-gradient(to right, #dc570a, #e08700, #c77800, #b34200);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.mini-about .about-job.job-amazon::before{background:linear-gradient(to right, #c77800, #b34200)}[data-theme=dark] .mini-about .about-job.job-amazon{background:linear-gradient(to right, #f6803c, #e08700, #c77800, #ffca7a);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}[data-theme=dark] .mini-about .about-job.job-amazon:hover{background-position:100% 50%}[data-theme=dark] .mini-about .about-job.job-amazon::before{background:linear-gradient(to right, #c77800, #ffca7a)}.mini-about .about-job.job-apple{background:linear-gradient(to right, #334, #667, #333390, #0c0c38);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.mini-about .about-job.job-apple::before{background:linear-gradient(to right, #333390, #0c0c38)}[data-theme=dark] .mini-about .about-job.job-apple{background:linear-gradient(to right, #545470, #667, #333390, #b6b6c0);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}[data-theme=dark] .mini-about .about-job.job-apple:hover{background-position:100% 50%}[data-theme=dark] .mini-about .about-job.job-apple::before{background:linear-gradient(to right, #333390, #b6b6c0)}.mini-about .about-job.job-tmobile{background:linear-gradient(to right, #6b006b, #ee008c, #d5007d, #380038);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.mini-about .about-job.job-tmobile::before{background:linear-gradient(to right, #d5007d, #380038)}[data-theme=dark] .mini-about .about-job.job-tmobile{background:linear-gradient(to right, #b800b8, #ee008c, #d5007d, #ff88ce);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}[data-theme=dark] .mini-about .about-job.job-tmobile:hover{background-position:100% 50%}[data-theme=dark] .mini-about .about-job.job-tmobile::before{background:linear-gradient(to right, #d5007d, #ff88ce)}.mini-about .about-job.job-bloomz{background:linear-gradient(to right, #4948ec, #48a6ec, #1c9eff, #0402ff);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.mini-about .about-job.job-bloomz::before{background:linear-gradient(to right, #1c9eff, #0402ff)}[data-theme=dark] .mini-about .about-job.job-bloomz{background:linear-gradient(to right, #8e8df3, #48a6ec, #1c9eff, #d3e9fa);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}[data-theme=dark] .mini-about .about-job.job-bloomz:hover{background-position:100% 50%}[data-theme=dark] .mini-about .about-job.job-bloomz::before{background:linear-gradient(to right, #1c9eff, #d3e9fa)}.mini-about .about-job.job-spartabots{background:linear-gradient(to right, #228a3b, #2cb24d, #00c530, #00791d);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.mini-about .about-job.job-spartabots::before{background:linear-gradient(to right, #00c530, #00791d)}[data-theme=dark] .mini-about .about-job.job-spartabots{background:linear-gradient(to right, #31c755, #2cb24d, #00c530, #93e4a7);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}[data-theme=dark] .mini-about .about-job.job-spartabots:hover{background-position:100% 50%}[data-theme=dark] .mini-about .about-job.job-spartabots::before{background:linear-gradient(to right, #00c530, #93e4a7)}.mini-about .about-job:hover{background-position:100% 50%}.mini-blog time{padding-left:6px;color:var(--gray-4)}@media screen and (min-width: 900px)and (max-width: 950px){.mini-blog time{display:block;padding-left:12px}}@media screen and (max-width: 450px){.mini-blog time{display:block;padding-left:12px}}.mini-blog time::before{content:"// "}.dark-mode-icon{background:none;border:none;outline:none;cursor:pointer}html.no-js .dark-mode-icon{display:none}.dark-mode-svg{transform:translateY(4px);width:24px;height:24px;display:inline}.dark-mode-svg .icon-moon,.dark-mode-svg .icon-sun,.dark-mode-svg path{transition:.3s ease-in-out}.dark-mode-svg path{fill:var(--bg-main)}.dark-mode-svg:hover .icon-sun path{transform:scale(1);fill:var(--gray-2)}[data-theme=dark] .dark-mode-svg:hover .icon-moon path{transform:scale(1);fill:var(--gray-2)}.dark-mode-svg .icon-moon{opacity:0}.dark-mode-svg .icon-moon path{transform:scale(0.7) translateX(-20px);transform-origin:64px 64px}[data-theme=dark] .dark-mode-svg .icon-moon{opacity:1}[data-theme=dark] .dark-mode-svg .icon-moon path{transform:scale(1.1)}.dark-mode-svg .icon-sun{opacity:1}.dark-mode-svg .icon-sun path{transform:scale(1.1);transform-origin:192px 192px}[data-theme=dark] .dark-mode-svg .icon-sun{opacity:0}[data-theme=dark] .dark-mode-svg .icon-sun path{transform:scale(0.7) translateX(20px)}abbr{position:relative;text-decoration:none;border-bottom:2px dotted var(--gray-4)}@media(hover: none){abbr{text-decoration:none}}abbr::after{content:attr(data-title);position:absolute;bottom:100%;left:50%;z-index:3;transform:translate(-50%, 12px);text-align:center;line-height:1.25;white-space:nowrap;display:block;padding:8px;background:var(--gray-6);color:var(--gray-1);font-size:70%;clip-path:polygon(0% 0%, 100% 0%, 100% calc(100% - 6px), calc(50% + 6px) calc(100% - 6px), 50% 100%, calc(50% - 6px) calc(100% - 6px), 0% calc(100% - 6px));padding-bottom:14px;opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease-out}html.no-js abbr::after{display:none}abbr:hover::after{opacity:1;visibility:visible;transform:translate(-50%, 0)}@media screen and (max-width: 900px){.hover-view{display:none}}html.no-js .hover-view{display:none}.hover-view div{width:616px;height:316px;position:absolute;pointer-events:none;z-index:2;border-radius:2px;background:var(--bg-hover-view);transform:translateX(-32px);display:flex;flex-flow:row wrap;justify-content:center;align-items:center;opacity:0;transition:opacity .25s ease-out}.hover-view div.show{opacity:1}.hover-view div::after{content:"";position:absolute;right:-15px;width:0;height:0;border-top:12.8px solid rgba(0,0,0,0);border-bottom:12.8px solid rgba(0,0,0,0);border-left:16px solid var(--bg-hover-view)}.hover-view div img{width:600px;height:300px}.hover-view .hover-view-blog{width:96px;height:96px}.hover-view .hover-view-blog img{width:80px;height:80px}canvas.webgl{position:fixed;z-index:-1;pointer-events:none;width:50%;height:100%}@media screen and (max-width: 900px){canvas.webgl{display:none}}canvas.intro-canvas{width:100%;height:100%}@media screen and (max-width: 900px){canvas.intro-canvas{display:none}}.wave{display:inline-block;animation:3s linear 2s wave}@keyframes wave{0%{transform:rotate(0deg)}5%{transform:rotate(8deg)}10%{transform:rotate(-4deg)}15%{transform:rotate(8deg)}20%{transform:rotate(-2deg)}25%{transform:rotate(4deg)}30%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}.mini-slider .mini-content{text-align:center}.mini-slider p,.mini-slider ul{text-align:left}.mini-slider ul{margin-top:16px}.mini-slider li:last-of-type{padding-bottom:0}.mini-slider .percent{font-family:monospace}.mini-slider .slider-content{display:none;opacity:0;transition:.5s ease-out}.mini-slider .slider-content.show{display:block}.mini-slider .slider-content.show-animate{opacity:1;margin-top:-32px}.mini-slider .slider-content span.control{display:inline-block;width:14px;height:14px;vertical-align:middle;border-radius:50%;background:var(--gray-4)}.mini-slider .show-slider-content{font:inherit;color:#eee;border:0;padding:8px 32px;border-radius:100px;cursor:pointer;transition:.5s ease-out;background:linear-gradient(to right, #3f3f41, #3f3f41, #3f3f41, #b721f2, #6140e9, #23658a);background-size:400% 400%;background-position:0% 50%}.mini-slider .show-slider-content:hover,.mini-slider .show-slider-content:active,.mini-slider .show-slider-content:focus{background-position:100% 50%}.mini-slider .show-slider-content.hide{transform:translateY(-32px);opacity:0;pointer-events:none}@media screen and (max-width: 900px){.mini-slider{display:none}}.mini-slider .r{fill:#d41;stroke:#d41;color:#d41}.mini-slider .g{fill:#2b4;stroke:#2b4;color:#2b4}.mini-slider .b{fill:#16d;stroke:#16d;color:#16d}.slider{width:370px;max-width:100%;stroke-linejoin:round;stroke-linecap:round}.slider polygon{fill:rgba(0,0,0,0);cursor:pointer;transition:.2s ease-out;stroke:var(--gray-2);stroke-width:10}.slider polygon:hover{fill:var(--gray-2)}.slider .barycentric{opacity:0;transition:.3s ease-out}.slider polygon:hover~.barycentric{opacity:.25}.slider polygon:hover~.texts{opacity:1}.slider line{stroke-width:10;pointer-events:none}.slider .outer line{stroke-width:10}.slider circle{transition:fill .2s ease-out,r .2s ease-out}.slider .control{fill:var(--gray-4);pointer-events:none}.slider .control.highlight{fill:var(--gray-6)}.slider .corner{pointer-events:none;opacity:0}.slider .texts text{font:30px "Open Sans",sans-serif;stroke-width:0;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.slider .texts :nth-child(1) text{text-anchor:end;transform:rotate(-60deg)}.slider .texts :nth-child(2) text{text-anchor:end;transform:rotate(60deg)}.slider .texts :nth-child(3) text{transform:rotate(0deg)}
/*# sourceMappingURL=maps/home.css.map */