html::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:center}a,h1,h2,li,p,ul{color:#fff;font-family:Segoe Script,Papyrus,Georgia,Times New Roman,Times,serif}.App>p{display:none}div::-webkit-scrollbar{display:none}div{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:200px){.App>p{color:#fff;display:block;font-size:2rem;padding:5vw;text-align:center;z-index:500}.App>div{display:none}}@media (max-height:300px){.App>p{color:#fff;display:block;font-size:2rem;text-align:center;z-index:500}.App>div{display:none}}@keyframes backgroundFade{0%{background-image:url(/static/media/latern_1.1d595d8062b549699ec7.png)}33%{background-image:url(/static/media/latern_2.69c3534723e50b6fe8ea.png)}66%{background-image:url(/static/media/latern_3.93a1f76bdbccc9ec0a3c.png)}to{background-image:url(/static/media/latern_1.1d595d8062b549699ec7.png)}}@keyframes leaf_falling{0%{opacity:0;transform:translateX(0) translateY(-5vh) rotate(120deg)}1%{opacity:1;transform:translateX(0) translateY(-5vh) rotate(120deg)}25%{opacity:1;transform:translateX(-4vw) translateY(25vh) rotate(170deg)}50%{opacity:1;transform:translateX(-8vw) translateY(50vh) rotate(220deg)}75%{opacity:1;transform:translateX(-12vw) translateY(75vh) rotate(270deg)}98%{opacity:.5;transform:translateX(-16vw) translateY(100vh) rotate(320deg)}99%{opacity:0;transform:translateX(-16vw) translateY(105vh) rotate(370deg)}to{opacity:0;transform:translateX(0) translateY(-5vh) rotate(120deg)}}@keyframes leaf_falling_opposite{0%{opacity:0;transform:translateX(0) translateY(-5vh) rotate(0deg)}1%{opacity:1;transform:translateX(0) translateY(-5vh) rotate(0deg)}25%{opacity:1;transform:translateX(-4vw) translateY(25vh) rotate(-40deg)}50%{opacity:1;transform:translateX(-8vw) translateY(50vh) rotate(-80deg)}75%{opacity:1;transform:translateX(-12vw) translateY(75vh) rotate(-120deg)}98%{opacity:.5;transform:translateX(-16vw) translateY(100vh) rotate(-160deg)}99%{opacity:0;transform:translateX(-16vw) translateY(105vh) rotate(-200deg)}to{opacity:0;transform:translateX(0) translateY(-5vh) rotate(0deg)}}.FirstBackground{animation-duration:5s;animation-iteration-count:infinite;animation-name:backgroundFade;animation-timing-function:linear;background-position:100% 0;background-repeat:no-repeat;background-size:cover;height:100vh;left:0;-webkit-mask-image:url(/static/media/splash.8d8a035159e414d0c90e.gif);mask-image:url(/static/media/splash.8d8a035159e414d0c90e.gif);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover;position:fixed;top:0;width:100vw;z-index:100}.BackgroundPreload{height:0;left:-100vw;position:fixed;top:-100vh;width:0;z-index:-100}.GreenLeafs,.OrangeLeafs{height:100vh;pointer-events:none;position:fixed;top:0;width:100vw}.GreenLeafs,.OrangeLeafs{z-index:500}.GreenLeaf,.OrangeLeaf{animation:leaf_falling 8s linear infinite;background-position:100% 0;background-repeat:no-repeat;background-size:contain;height:100px;opacity:0;pointer-events:none;position:fixed;top:0;width:100px}.GreenLeaf{background-image:url(/static/media/green_leaf.9c1b1064c5c5df672efb.png)}.OrangeLeaf{background-image:url(/static/media/orange_leaf.23861c5fae1c3abafdd4.png)}@keyframes moveOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-50vw)}}@keyframes nameFloat{0%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes nameAppear{0%{stroke-dashoffset:100vw}90%{fill:#0000}to{fill:#fff;stroke-dashoffset:0}}@keyframes introductionTextAppear{0%{opacity:0}to{opacity:1}}.Welcome{grid-gap:0;align-items:center;display:grid;gap:0;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:100vh;justify-content:center;left:0;margin:0;opacity:1;pointer-events:auto;position:fixed;top:0;transform:translateX(0);transition:.8s;width:100vw;z-index:200}.WelcomeDisappear{opacity:0;pointer-events:none;transform:translateX(-100vw)}.Name{grid-column-start:1;grid-column:span 2;grid-row-start:1;grid-row:span 1;height:100%;padding-top:10vh;position:relative;text-align:center;width:100%}.Name>svg{animation:nameFloat 2s linear infinite;height:90%;width:90%}.Name>svg path{fill:#0000;stroke:#fff;stroke-width:1px;stroke-dasharray:100vw;stroke-dashoffset:100vw;animation:nameAppear 5s ease-in-out forwards;animation-delay:1s}.Introduction{align-items:center;align-self:flex-start;display:flex;flex-direction:column;grid-column-start:1;grid-column:span 2;grid-row-start:2;grid-row:span 1;height:100%;justify-content:space-between;justify-self:center;margin:0 3vw;position:relative;width:100%}.Introduction p{background-color:#000000b3;border-radius:20px;color:#fff;font-size:1.2rem;line-height:1.9rem;margin:3vh 3vw;padding:20px 5vw;z-index:400}.Introduction p,.Introduction>.IntroductionInstruction{animation:introductionTextAppear 1s ease-in-out forwards;animation-delay:5s;font-style:normal;opacity:0}.Introduction>.IntroductionInstruction{background-color:#00000080;border-radius:20px 20px 0 0;color:#ffffff80;font-size:1rem;line-height:1.2rem;margin-bottom:0}.EmptyWelcomeGridItem{grid-column:span 3;grid-row:span 1}@media (max-width:768px){.Introduction,.Name{grid-column:span 5}.EmptyWelcomeGridItem{display:none;grid-column:span 0}}@keyframes panelAppear{0%{opacity:0}to{opacity:1}}.Panel{animation:panelAppear 1s ease-in-out forwards;animation-delay:5s;display:flex;flex-direction:row;height:10vh;left:0;min-height:50px;opacity:0;position:fixed;top:0;width:100vw;z-index:1000}.Panel,.Panel>div{background-color:#0000}.Panel>div{height:100%;width:20vw}.Panel>div>button{background-color:#0009;border:none;display:flex;height:100%;width:100%}.Panel>div>button,.Panel>div>button>p{align-items:center;justify-content:center;transition:.3s}.Panel>div>button>p{align-content:center;background-color:#0000;color:#fff;font-size:1rem;font-weight:700;height:fit-content;letter-spacing:.1rem;margin:0;overflow:hidden;padding:0;text-align:center;width:fit-content}.Panel>div>button:hover{background-color:#00000040;border-bottom:8px solid #fff;cursor:pointer}.Panel>div>button:nth-of-type(2){display:none}.ViewedPanel>button{background-color:#00000040!important;border-bottom:8px solid #fff!important}@media (max-width:768px){.Panel>div>button:first-of-type{display:none}.Panel>div>button:nth-of-type(2){align-items:center;display:flex;justify-content:center}}@keyframes firstTypeEmploymentHistoryCardMove{0%{opacity:1;transform:translateX(0)}50%{opacity:1;transform:translateX(-168vw)}50.33%{opacity:0;transform:translateX(-168vw)}50.66%{opacity:0;transform:translateX(164.64vw)}51%{opacity:1;transform:translateX(164.64vw)}to{opacity:1;transform:translateX(0)}}@keyframes secondTypeEmploymentHistoryCardMove{0%{opacity:1;transform:translateX(0)}50%{opacity:1;transform:translateX(-168vw)}to{opacity:1;transform:translateX(-336vw)}}.Employment{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:0;opacity:1;pointer-events:auto;position:fixed;top:0;transform:translateY(0);transition:.8s;width:100vw;z-index:450}.EmploymentDisappear{opacity:0;pointer-events:none;transform:translateY(-100vh)}.Employment h1{background-color:#000000b3;border-radius:20px;margin-bottom:10vh;margin-top:15vh;padding:2vh 4vw;transition:.3s}.EmploymentDim h1{opacity:.1}.EmploymentHistory::-webkit-scrollbar{display:none}.EmploymentHistory{-ms-overflow-style:none;align-items:center;background-color:initial;background-color:#000000b3;display:flex;flex-direction:row;height:30vh;justify-content:flex-start;overflow-y:scroll;scrollbar-width:none;transition:.3s;width:100%}.EmploymentDim .EmploymentHistory{background-color:#0000001a}.FirstTypeEmploymentHistoryCard{animation:firstTypeEmploymentHistoryCardMove 30s linear infinite}.SecondTypeEmploymentHistoryCard{animation:secondTypeEmploymentHistoryCardMove 30s linear infinite}.EmploymentHistoryCard{align-items:center;background-color:initial;border:none;border-radius:20px;color:#fff;display:flex;flex-direction:row;height:fit-content;justify-content:center;margin:4vw;text-align:center;transition:.2s;transition-timing-function:ease-in;width:fit-content;z-index:450}.EmploymentCompanyLogo{background-position:50%;background-repeat:no-repeat;background-size:contain;height:15vh;object-fit:contain;opacity:.75;transition:.3s;width:20vw}.EmploymentHistoryCard:hover{cursor:pointer}.EmploymentHistoryCard:hover .EmploymentCompanyLogo{opacity:1;transform:scale(1.2)}.EmploymentDim .EmploymentHistory .EmploymentHistoryCard .EmploymentCompanyLogo{opacity:.1}.EmploymentContent{align-items:center;background-color:initial;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;opacity:1;pointer-events:auto;position:fixed;top:0;transform:scaleX(1);transition:1s;width:100vw;z-index:475}.EmploymentContentAbsent{opacity:0;pointer-events:none;transform:scaleX(0)}.EmploymentContentBoard{align-items:center;background-color:#000000b3;border-radius:20px;display:flex;flex-direction:column;height:fit-content;justify-content:space-between;max-height:70%;overflow:scroll;padding:2vh 5vw;width:50%}.EmploymentContentBoard::-webkit-scrollbar{display:none}.EmploymentContentBoard{-ms-overflow-style:none;scrollbar-width:none}.EmploymentContentBoard h2:first-of-type{height:fit-content;margin:1vh 0;padding:1vh 0;text-align:left;width:80%}.EmploymentContentBoardHeadline{align-items:center;border-bottom:1px solid #fff;display:flex;flex-direction:row;height:fit-content;justify-content:space-between;width:100%}.EmploymentContentBoardHeadline h2:last-of-type{height:fit-content;text-align:right;transform:scale(1);transition:.2s;width:fit-content}.EmploymentContentBoardHeadline h2:last-of-type:hover{cursor:pointer;transform:scale(1.4)}.EmploymentContentBoard span{font-weight:700}@media (max-width:768px){.EmploymentContentBoard{width:70%}}.Education{align-items:center;background-color:initial;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:0;opacity:1;pointer-events:auto;position:fixed;top:0;transform:translateX(0);transition:.8s;width:100vw;z-index:450}.EducationDisappear{opacity:0;pointer-events:none;transform:translateX(100vw)}.Education h1{background-color:#000000b3;border-radius:20px;margin-bottom:5vh;margin-top:15vh;padding:2vh 4vw;transition:.3s}.EducationDim h1{opacity:.1}.EducationHistory{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.EducationHistoryCard{align-items:center;background-color:#000000b3;border-radius:20px;display:flex;flex-direction:row;height:fit-content;justify-content:flex-start;margin:2vh 0;max-height:30vh;overflow:hidden;padding:2vh 2vw;transition:.3s;width:50vw}.EducationDim .EducationHistoryCard{opacity:.1}.EducationHistoryCard>div{display:flex;flex-direction:column;height:fit-content;width:75%}.EducationHistoryCard>div>p{margin:0;overflow:hidden;padding:1vh 1vw;text-overflow:ellipsis;white-space:nowrap;width:100%}.EducationHistoryCard>div>p:first-of-type{font-weight:700}.EducationHistoryCard img{background-position:50%;background-repeat:no-repeat;background-size:contain;height:8vh;margin:0 2vw 0 0;object-fit:contain;opacity:.7;padding:0;transform:scale(.9);transition:.8s;width:15%}.EducationHistoryCard:hover{background-color:#00000080;cursor:pointer}.EducationHistoryCard:hover img{opacity:1;transform:scale(1.2) rotateY(1turn)}.EducationContent{align-items:center;background-color:initial;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;opacity:1;pointer-events:auto;position:fixed;top:0;transform:scaleX(1);transition:1s;width:100vw;z-index:475}.EducationContentAbsent{opacity:0;pointer-events:none;transform:scaleX(0)}.EducationContentBoard{align-items:center;background-color:#000000b3;border-radius:20px;display:flex;flex-direction:column;height:fit-content;justify-content:space-between;max-height:70%;max-width:50%;overflow:scroll;padding:2vh 5vw;width:fit-content}.EducationContentBoard::-webkit-scrollbar{display:none}.EducationContentBoard{-ms-overflow-style:none;scrollbar-width:none}.EducationContentBoard h2:first-of-type{height:fit-content;margin:1vh 0;padding:1vh 0;text-align:left;width:80%}.EducationContentBoardHeadline{align-items:center;border-bottom:1px solid #fff;display:flex;flex-direction:row;height:fit-content;justify-content:space-between;width:100%}.EducationContentBoardHeadline h2:last-of-type{height:fit-content;text-align:right;transform:scale(1);transition:.2s;width:fit-content}.EducationContentBoardHeadline h2:last-of-type:hover{cursor:pointer;transform:scale(1.4)}.EducationContentBoard span{font-weight:700}@media (max-width:768px){.EducationHistoryCard{width:70vw}.EducationContentBoard{max-width:70%}}.Projects{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:0;opacity:1;pointer-events:auto;position:fixed;top:0;transform:translateY(0);transition:.8s;width:100vw;z-index:450}.ProjectsDisappear{opacity:0;pointer-events:none;transform:translateY(100vh)}.Projects h1{background-color:#000000b3;border-radius:20px;margin-bottom:5vh;margin-top:15vh;padding:2vh 4vw}.ProjectsList{align-items:flex-end;flex-direction:row;height:fit-content;padding:5vh 2vw;width:100%}.ProjectCard,.ProjectsList{display:flex;justify-content:center}.ProjectCard{align-items:center;background-color:#000000b3;background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:20px;flex-direction:column;height:50vh;margin:0 1vw;overflow:hidden;padding:0;transition:.8s;width:11%}.ProjectCard:first-of-type{background-image:url(/static/media/dragon_1.e1c47d307e14f204e63c.png)}.ProjectCard:nth-of-type(2){background-image:url(/static/media/dragon_2.da7548ebf5a0dc34699e.png)}.ProjectCard:nth-of-type(3){background-image:url(/static/media/dragon_3.aac3c9e867f10d4094ea.png)}.ProjectCard:nth-of-type(4){background-image:url(/static/media/dragon_4.21f1f76016bab4dc930b.png)}.ProjectCard:nth-of-type(5){background-image:url(/static/media/dragon_5.ccad632ddae9ed0a12e7.png)}.ProjectCard:nth-of-type(6){background-image:url(/static/media/dragon_6.e0a8122eaf964c638d68.png)}.ProjectCard:nth-of-type(7){background-image:url(/static/media/dragon_7.67778abdf7bbc5282196.png)}.ProjectCard:hover{background-image:none}.ProjectCardShrink{width:4%}.ProjectCardExpand{width:53%}.ProjectCardContent{display:none}.ProjectCard:hover .ProjectCardContent{display:flex;flex-direction:column;height:fit-content;overflow:scroll;padding:1vh 3vw;width:100%}.ProjectCardContent::-webkit-scrollbar{display:none}.ProjectCardContent{-ms-overflow-style:none;scrollbar-width:none}.ProjectCardContent p{margin:0;padding:1vh 1vw;text-align:center}.ProjectCardContent h2{text-align:center}.ProjectCardContent span{text-decoration:underline}.ProjectCardContent a{background-color:initial;border:2px solid #fff;border-radius:10px;color:#fff;font-weight:700;padding:1vh 1vw;text-decoration:none;transition:.2s}.ProjectCardContent a:hover{background-color:#ffffffe6;border:2px solid #fff0;color:#000;cursor:pointer}@media (min-width:1025px){.ProjectCard{margin:0 .5vw;width:7%}.ProjectCardShrink{width:3%}.ProjectCardExpand{width:31%}}.Social{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:0;opacity:1;pointer-events:auto;position:fixed;top:0;transform:scale(1);transition:.8s;width:100vw;z-index:450}.SocialDisappear{opacity:0;pointer-events:none;transform:scale(0)}.Social h1{margin-bottom:5vh;margin-top:15vh;padding:2vh 4vw}.Social h1,.SocialGroup{background-color:#000000b3;border-radius:20px}.SocialGroup{align-items:center;flex-direction:column;justify-content:center;margin:1vh 1vw;max-height:30%;padding:1vh 1vw;width:50%}.SocialGroup,.SocialGroup>div{display:flex;height:fit-content}.SocialGroup>div{flex-direction:row;width:fit-content}.SocialGroup>div>a{background-color:initial;border:2px solid #fff;border-radius:10px;color:#fff;font-weight:700;margin:1vh 1vw;padding:1vh 1vw;text-decoration:none;transition:.2s}.SocialGroup>div>a:hover{background-color:#ffffffe6;border:2px solid #fff0;color:#000;cursor:pointer}.Social h2,.SocialGroup a,.SocialGroup p{margin:1vh 0;padding:0}@media (max-width:768px){.SocialGroup{width:70%}}@media (min-width:1280px){.SocialGroup{width:40%}}
/*# sourceMappingURL=main.d8e61e01.css.map*/