@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";@media screen and (max-width: 800px){#helloHeader{padding:0 20px!important}#heyWave{justify-content:center}#hi{width:100%;padding:10px 0 30px!important;padding:0;text-align:center}#name{margin-bottom:26px!important}#roles{width:fit-content;margin-left:auto;margin-right:auto}.role{margin-left:auto!important;margin-right:auto!important;font-size:16px!important}.roleIcon{width:38px!important}#mobile:before{content:"\a";white-space:pre}#headshot{display:none}#name{font-size:28px}.role{font-size:18px!important}#headerContactBtns{justify-content:center;grid-auto-flow:row!important;margin-top:80px!important}#headerExtraSocials{justify-content:center;padding:4px 0!important}.getInTouch{margin:auto}}@keyframes roleCycle{0%,30%,66%,to{opacity:0%;transform:translateY(10px)}33%,63%{opacity:100%;transform:translateY(-2px)}35%,63%{transform:translateY(0)}}@keyframes headIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--cycleDelayTime: 2s}#helloHeader{display:flex;justify-content:space-evenly;padding:40px;gap:32px;margin:auto;max-width:var(--contentMaxWidth)}#bg{position:absolute;top:0;width:100vw;z-index:-1;filter:blur(3px)}#hi{padding:0 0 70px;margin:auto 0}#name{margin-bottom:20px}#heyWave{display:flex}#waveEmoji{vertical-align:middle;width:40px;margin:0 10px 10px;cursor:grab}.role{font-size:larger;margin-right:6px;line-height:0px;animation-iteration-count:infinite;animation-name:roleCycle;animation-duration:calc(3*var(--cycleDelayTime));opacity:0%;height:0px;width:fit-content}.role>span{margin-left:16px}.role:nth-child(1){animation-delay:calc(-4*var(--cycleDelayTime))}.role:nth-child(2){animation-delay:calc(-3*var(--cycleDelayTime))}.role:nth-child(3){animation-delay:calc(-2*var(--cycleDelayTime))}.roleIcon{width:36px;filter:drop-shadow(1.5px 1.5px 3px #00000044);vertical-align:middle}#headshot>img{width:30vw;height:300px;object-fit:contain;max-width:400px;opacity:0}#headshot>img.loaded{animation-name:headIn;animation-duration:1s;animation-timing-function:var(--bezierQuartOut);animation-fill-mode:forwards}#headerContactBtns{margin-top:100px;display:grid;grid-auto-flow:column;grid-template-columns:165px;gap:14px}#headerExtraSocials{display:flex;gap:8px;padding:16px 0}#hi a{text-decoration:none}:root{--maxProjectWindowWidth: 768px;--maxProjectWindowHeight: 512px;--projectWindowTopBar: #00000030 }@media screen and (max-width: 880px){.projects{margin:15px 15px 64px!important}}@media screen and (max-width: 700px){.projectWindowBodyInfo{flex-direction:column}}@media screen and (max-width: 600px){.projectWindowL{display:none!important}.projectWindowRTop>.projectWindowLTop{display:flex!important}.projectWindowRTabs{display:grid!important}.projectWindowRTabBtn{display:unset!important}}@media screen and (max-width: 480px){.projectWindowRBody{grid-template-columns:1fr!important}.projectWindowBodyInfo{grid-column:unset!important}}.projects{margin:32px 32px 64px}.projectWindow{background-color:var(--background-200);border:1px solid var(--background-300);border-radius:10px;overflow:hidden;box-shadow:0 4px 32px var(--text-200);margin:auto;transition-property:background-color,border-color,box-shadow!important;max-width:var(--maxProjectWindowWidth);height:var(--maxProjectWindowHeight);display:flex}.projectWindowL{max-width:170px;border-right:1px solid #00000033;transition-property:border-color!important}.projectWindowLTop{display:flex;gap:8px;padding:19px 18px;color:#0000;text-align:center}.projectWindowRTop>.projectWindowLTop{display:none;margin:auto 16px auto 0;padding:0}.projectWindowLTop:not(.disabled):hover>div{color:#0007}.macBtn{min-width:11px;min-height:11px;max-width:11px;max-height:11px;width:11px;height:11px;border-radius:50%;aspect-ratio:1;line-height:10.5px;font-size:9.2px}.macBtn:nth-child(1){background-color:#ec6a5f;border:.5px solid #d05d54}.macBtn:nth-child(2){background-color:#f4c04f;border:.5px solid #d7a946}.macBtn:nth-child(3){background-color:#61c555;border:.5px solid #55ad4b}.macBtn.gray{background-color:var(--background-300);border-color:var(--background-300)}.projectWindowLTop>div:active{opacity:.5}.projectWindowLList{padding:10px;overflow-y:scroll;max-height:calc(var(--maxProjectWindowHeight) - 73px);transition:padding 1s var(--bezierQuartOut)}.projectWindowRTabBtn{display:none;padding:0 4px;margin-right:15px;line-height:20px;transform:scale(1.5);border-radius:5px;font-size:9px;background-color:var(--background-300);transition:background-color .2s var(--bezierQuartOut);aspect-ratio:1;width:12px}.projectWindowRTabBtn:hover{background-color:var(--background-400);cursor:pointer}.projectWindowRTabBtn:active{background-color:var(--background-100)}.projectWindowRTabs{display:none;flex-direction:row;grid-template-columns:1fr 1fr;gap:1px;background-color:var(--background-50);position:absolute;box-shadow:0 4px 12px #00000080;width:calc(100% - 48px)}.projectWindowRTabs>.projectTab{flex-grow:1;background-color:var(--background-100);transition:.2s var(--bezierQuartOut) background-color;font-size:12px;justify-content:center}.projectWindowLList>.projectTab{border-radius:5px}.projectTab{transition:scale 1s var(--bezierQuartOut);font-size:14px;line-height:10px;font-weight:500;display:flex;padding:8px;gap:6px}.projectTab:hover{background-color:var(--background-100);cursor:pointer}.projectWindowLList>.projectTab.selected{background-color:var(--background-300)}.projectWindowRTabs>.projectTab.selected{background-color:var(--background-300);box-shadow:none}.projectWindowRTabs>.projectTab:not(.selected):hover{background-color:var(--background-300)}.projectTabIcon>img{width:14px;height:14px;transition-property:filter;transition-duration:.3s;transition-timing-function:ease-out}[data-theme=light] .projectTabIcon>img{filter:invert(91%) sepia(89%) saturate(6870%) hue-rotate(222deg) brightness(71%) contrast(117%)}[data-theme=dark] .projectTabIcon>img{filter:invert(51%) sepia(29%) saturate(1442%) hue-rotate(194deg) brightness(101%) contrast(100%)}.projectTabName{margin:auto 0;width:max-content}.projectWindowR{flex-grow:1}.projectWindowRTop{padding:16px 16px 16px 18px;background-color:var(--projectWindowTopBar);display:flex}.projectWindowRTopLoad{flex-grow:1}.projectWindowRBody{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;padding:20px;gap:20px;max-height:calc(var(--maxProjectWindowHeight) - 93px);overflow-y:scroll}.projectWindowBodyInfo{grid-column:1/3;height:auto;display:flex;gap:24px}.projectInfoText{display:flex;flex-direction:column}.projectInfoName{display:flex;gap:16px}.projectInfoIcon{box-shadow:0 4px 16px #0006;aspect-ratio:1;display:flex;border-radius:16px;max-width:68px;max-height:68px}.projectInfoIcon:not(.iconLarge){padding:14px;width:40px;height:40px}.projectInfoIcon.iconLarge>img{width:68px;height:68px;border-radius:16px}.projectInfoIcon>img{width:40px}.projectInfoOpenBtn{margin-top:9px}.projectInfoOpenBtn>a{padding:6px 18px;border-radius:24px;background-color:var(--accent-600);transition:background-color .2s var(--bezierQuartOut);color:#fff}.projectInfoOpenBtn>a:hover{text-decoration:none;background-color:var(--accent-800);color:#fff}.projectImg{height:158px}.projectImg>img,.projectImg>video{object-fit:cover;width:100%;height:100%;border-radius:10px;background-color:var(--projectWindowTopBar);cursor:zoom-in}@keyframes previewPopup{0%{transform:scale(0) translate(-50%,-50%)}to{transform:scale(1) translate(-50%,-50%);top:50%;left:50%}}@keyframes previewClose{0%{transform:scale(1) translate(-50%,-50%);top:50%;left:50%}to{transform:scale(0) translate(-50%,-50%)}}:root{--previewWindowMaxWidth: 85vw;--previewWindowMaxHeight: 85vh}.previewWindow{position:fixed;transform:translate(-50%,-50%);max-width:var(--previewWindowMaxWidth);max-height:var(--previewWindowMaxHeight);background-color:#6669;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);padding:0 12px 12px;display:flex;flex-direction:column;border:1px solid #888;border-radius:10px;box-shadow:0 4px 40px #111c;display:none;transform-origin:top left;animation-fill-mode:forwards;transform:scale(0) translate(-50%,-50%);z-index:1}.previewWindow.loaded{display:unset;animation-name:previewPopup;animation-duration:.575s;animation-timing-function:var(--bezierWholeOut)}.previewWindow.closing{animation-name:previewClose;animation-duration:.175s;animation-timing-function:ease-in}.previewWindowTop{display:flex;height:36px}.previewWindowTopBtn{width:11px;height:11px;border-radius:6px;font-size:9.2px;line-height:10.5px;text-align:center;background-color:#666;border:.5px solid #777;color:#fff}.previewWindowTopBtn:hover{background-color:#777;border-color:#888}.previewWindowTopBtn:active{background-color:#555;border-color:#444}.previewWindowBody>img,.previewWindowBody>video{max-width:calc(var(--previewWindowMaxWidth));max-height:calc(var(--previewWindowMaxHeight) - 82px);object-fit:contain;border-radius:10px}.skillWindow{height:auto;display:flex;flex-direction:column}.skillIcons{display:grid;grid-template-columns:repeat(auto-fill,40px);justify-content:space-between;gap:10px;padding:0 20px 20px}.skillIcons>i{font-size:24px;color:var(--accent-800);background-color:var(--background-100);padding:8px;border-radius:8px;transition-timing-function:var(--bezierQuartOut);transition-duration:.25s;transition-property:background-color,color}.skillIcons>i:hover{color:var(--background-100);background-color:var(--accent-700);cursor:pointer}.skillIcons>i.selected{color:var(--background-100);background-color:var(--accent-900)}.skillWindowTitle{line-height:12px;margin:auto auto auto 12px}.skillWindowOpen{line-height:0;margin:auto 0 auto auto}@keyframes shine{0%,80%{left:-1000px}to{left:100vw}}#CCCquote{display:grid;justify-content:center;margin:0 0 90px}#svgShine{position:absolute;width:15px;height:115px;background-color:var(--background-75);opacity:.5;rotate:45deg;scale:2;animation-name:shine;animation-duration:15s;animation-iteration-count:infinite;backdrop-filter:brightness(150%);animation-timing-function:linear;-webkit-backdrop-filter:brightness(150%)}#CCCquote>svg{max-height:115px}@media screen and (max-width: 550px){.aboutMeDevIcon{display:none}.aboutMeDesc{text-align:center}}.aboutMeBody{display:flex;margin:auto;gap:20px;max-width:var(--maxProjectWindowWidth);padding:16px}.aboutMeDesc{margin:10px auto;line-height:26px}#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#fff}:root{--toggleSwitchBgOff: var(--text-200);--toggleSwitchBgOn: var(--accent-700)}.toggleSwitchWrap{background-color:var(--toggleSwitchBgOff);width:40px;height:24px;border-radius:12px;cursor:pointer;transition-duration:.35s;transition-timing-function:var(--bezierQuartOut);transition-property:background-color}.toggleSwitchWrap:active>.toggleSwitchInner:not(.moving){width:24px}.toggleSwitchWrap[data-checked="1"]:active>.toggleSwitchInner:not(.moving){margin-left:10px}.toggleSwitchInner{width:18px;height:18px;border:3px solid var(--toggleSwitchBgOff);background-color:#fff;border-radius:18px;transition-duration:.35s;transition-timing-function:var(--bezierQuartOut)}.toggleSwitchWrap[data-checked="1"]{background-color:var(--toggleSwitchBgOn)}.toggleSwitchWrap[data-checked="1"]>.toggleSwitchInner{border:3px solid var(--toggleSwitchBgOn);margin-left:16px}.toggleSwitchRow{display:flex}.toggleSwitchLabel{margin:auto auto auto 8px}#navBar{display:flex;gap:16px;padding:20px;margin:auto;justify-content:space-between;background-color:var(--background-75);box-shadow:0 4px 16px var(--background-75);position:fixed;top:0;left:0;right:0;z-index:1}.profile-dropdown{position:absolute}#themeToggle:hover{cursor:pointer}#pageFooter{background:linear-gradient(0deg,var(--background-50) 0%,var(--background-100) 100%);padding:48px;position:absolute;left:0;right:0}#socials{display:flex;justify-content:center;padding-bottom:8px;gap:8px}*{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Arial,sans-serif;text-rendering:optimizeLegibility;font-optical-sizing:auto}.w100{font-weight:100}.w200,.wlight{font-weight:200}.w300{font-weight:300}.w400,.wnormal{font-weight:400}.w500{font-weight:500}.w600,.wsemibold{font-weight:600}.w700,.wbold,.sb{font-weight:700}.w800{font-weight:800}.w900{font-weight:900}.w1000{font-weight:1000}.si{font-style:italic}.s100{font-size:12px}.s200{font-size:14px}.s300{font-size:16px}.s400{font-size:20px}.s500{font-size:28px}.s600{font-size:36px}.s700{font-size:48px}.s800{font-size:60px}.s900{font-size:72px}.s1000{font-size:96px}.ct50{color:var(--text-50)}.ct100{color:var(--text-100)}.ct200{color:var(--text-200)}.ct300{color:var(--text-300)}.ct400{color:var(--text-400)}.ct500{color:var(--text-500)}.ct600{color:var(--text-600)}.ct700{color:var(--text-700)}.ct800{color:var(--text-800)}.ct900{color:var(--text-900)}.ct950{color:var(--text-950)}.cp50{color:var(--primary-50)}.cp100{color:var(--primary-100)}.cp200{color:var(--primary-200)}.cp300{color:var(--primary-300)}.cp400{color:var(--primary-400)}.cp500{color:var(--primary-500)}.cp600{color:var(--primary-600)}.cp700{color:var(--primary-700)}.cp800{color:var(--primary-800)}.cp900{color:var(--primary-900)}.cp950{color:var(--primary-950)}.cs50{color:var(--secondary-50)}.cs100{color:var(--secondary-100)}.cs200{color:var(--secondary-200)}.cs300{color:var(--secondary-300)}.cs400{color:var(--secondary-400)}.cs500{color:var(--secondary-500)}.cs600{color:var(--secondary-600)}.cs700{color:var(--secondary-700)}.cs800{color:var(--secondary-800)}.cs900{color:var(--secondary-900)}.cs950{color:var(--secondary-950)}.ca50{color:var(--accent-50)}.ca100{color:var(--accent-100)}.ca200{color:var(--accent-200)}.ca300{color:var(--accent-300)}.ca400{color:var(--accent-400)}.ca500{color:var(--accent-500)}.ca600{color:var(--accent-600)}.ca700{color:var(--accent-700)}.ca800{color:var(--accent-800)}.ca900{color:var(--accent-900)}.ca950{color:var(--accent-950)}.o5{opacity:.05}.o10{opacity:.1}.o15{opacity:.15}.o20{opacity:.2}.o25{opacity:.25}.o30{opacity:.3}.o35{opacity:.35}.o40{opacity:.4}.o45{opacity:.45}.o50{opacity:.5}.o55{opacity:.55}.o60{opacity:.6}.o65{opacity:.65}.o70{opacity:.7}.o75{opacity:.75}.o80{opacity:.8}.o85{opacity:.85}.o90{opacity:.9}.o95{opacity:.95}.al{text-align:left}.ac{text-align:center}.ar{text-align:right}.aj{text-align:justify}.ma{margin:auto}.mav{margin-top:auto;margin-bottom:auto}.mah{margin-left:auto;margin-right:auto}.trim{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn{background-color:var(--primary-600);color:#fff;text-shadow:0 0 8px #00000066;font-weight:600;text-align:center;width:max-content;border:unset;padding:16px 20px;border-radius:12px;transition-duration:.3s;transition-property:transform,background-color;transition-timing-function:var(--bezierQuartOut);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.btn:not([disabled],.disabled):hover{background-color:var(--primary-700);transform:translateY(-1px);cursor:pointer}.btn:not([disabled],.disabled):active{background-color:var(--primary-500);transform:translateY(1px) scale(.975)}.btn.bInvert{background-color:var(--secondary-900);color:var(--text-100)}.btn.bInvert:not([disabled],.disabled):hover{background-color:var(--secondary-800)}.btn.bInvert:not([disabled],.disabled):active{background-color:var(--secondary-700)}.btn[disabled],.btn.disabled{background-color:var(--text-200);color:gray;cursor:not-allowed}:root{overflow-x:hidden;--bezierBounceOut: cubic-bezier(0,.7,.3,1.5);--bezierQuartOut: cubic-bezier(0,.75,.25,1);--bezierQuartIn: cubic-bezier(.75,0,1,.25);--bezierQuartInOut: cubic-bezier(.75,0,.25,1);--bezierWholeOut: cubic-bezier(0,1,0,1);--contentMaxWidth: 1100px;--background-75: #14171f}a{color:var(--accent-700);text-decoration:none;transition:.25s var(--bezierQuartOut) color}a:hover{text-decoration:underline;color:var(--accent-800)}a:active{color:var(--accent-600)}body{background-color:var(--background-75);color:var(--text-900);overflow-x:hidden}.noSelect,.noSelect *,br{-webkit-user-select:none;-ms-user-select:none;user-select:none}.noDrag,.noDrag *,br{-webkit-user-drag:none}.noScrollBar::-webkit-scrollbar{display:none}.noScrollBar{-ms-overflow-style:none;scrollbar-width:none}.macScrollBar::-webkit-scrollbar{width:16px;background-color:#0000}.macScrollBar::-webkit-scrollbar-thumb{border:4px solid var(--background-200);background-color:#80808080;border-radius:16px}.macScrollBar::-webkit-scrollbar-track{width:10px;background-color:#0000}