body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.react-logo-bg{align-items:center;background:#222;display:flex;height:100vh;justify-content:center;width:100%}.react-logo-svg{animation:react-logo-spin 6s linear infinite;animation-delay:4s;display:block}@keyframes react-logo-spin{to{transform:rotate(1turn)}}.react-nucleus{animation:nucleusAppear .8s .5s forwards;opacity:0;transform:scale(.5)}@keyframes nucleusAppear{to{opacity:1;transform:scale(1)}}.react-orbit{stroke-dasharray:1000;stroke-dashoffset:1000;animation:orbitDraw 1.2s forwards;opacity:1}.orbit1{animation-delay:1.2s}.orbit2{animation-delay:2s}.orbit3{animation-delay:2.8s}@keyframes orbitDraw{to{stroke-dashoffset:0}}*{box-sizing:border-box;margin:0}*,ul{padding:0}ul{list-style:none}a{color:#333;text-decoration:none}a:hover{text-decoration:underline}button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0}.Header{background-color:#fff;box-shadow:0 2px 4px #0000001a;left:0;position:fixed;right:0;top:0;transition:background-color .3s linear,opacity .3s linear;z-index:10}.Header--transparent{background-color:initial!important;box-shadow:none!important}.Header__Button{color:#222;font-size:1.25rem;font-weight:700}.Header--transparent .Header__Button{color:#fff!important}.Header_Content{display:flex;height:4.5rem;justify-content:space-between;margin:0 auto;max-width:71.25rem;padding:1.25rem 1.5rem;width:100%}.Header_Nav{display:flex}@media (max-width:992px){.Header_Nav{display:none}}.Header_hamburger_Button{display:none}@media (max-width:992px){.Header_hamburger_Button{color:#fff;display:block}.Header:not(.Header--transparent) .Header_hamburger_Button{color:#222!important}.Header_Dropdown{animation:dropdownFade .4s;background:#fff;box-shadow:0 4px 0 0 #00000021;display:flex;flex-direction:column;left:0;min-width:160px;padding:.5rem 0;position:absolute;top:100%;width:100%;z-index:100}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.Header_Dropdown .Header_Nav_Button{background:none;border:none;color:#222;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;text-align:left;transition:background .15s;width:100%}.Header_Dropdown .Header_Nav_Button:hover{background:#f5f5f5;color:#af1d1db3}}@media (min-width:993px){.Header_Dropdown{display:none!important}}.Header_Nav_Button{color:#af1d1db3;font-weight:700;line-height:2rem;padding:0 1rem}.Header_Nav_Button:hover{border-color:#333}.Header_Dropdown{animation:dropdownFade .4s;background:#fff;box-shadow:0 4px 0 0 #00000021;display:flex;flex-direction:column;min-width:160px;padding:.5rem 0;position:absolute;top:100%;width:100%;z-index:100}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.Header_Dropdown .Header_Nav_Button{background:none;border:none;color:#222;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;text-align:left;transition:background .15s;width:100%}.Header_Dropdown .Header_Nav_Button:hover{background:#f5f5f5}section{display:block;unicode-bidi:isolate}#about{scroll-margin-top:4.5rem}.About_Me_Content{margin:0 auto;max-width:71.25rem;padding:4rem 1.5rem;width:100%}.Section_Title{display:table;margin:0 auto 3rem;position:relative}.Section_Title_Text{border-bottom:1px solid #000;color:#000;font-size:3rem;font-style:bold}.Section_Title_Link_Button{height:2rem;left:-3rem;opacity:.5;position:absolute;top:50%;transform:translateY(-50%);width:2rem}.About_Me_Infos{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:1.5rem}.About_Me_Info-wrapper{width:33.3333333333%}@media (max-width:992px){.About_Me_Info-wrapper{width:50%}}@media (max-width:576px){.About_Me_Info-wrapper{width:100%}}.About_Me_Info{column-gap:2rem;display:flex;flex-wrap:nowrap;margin:0 auto;max-width:14rem;opacity:.8;width:100%}.About_Me_Icon{flex-shrink:0;height:2rem;margin-top:.2rem;position:relative;width:2rem}.About_Me_Field{display:flex;flex-direction:column}.About_Me_Field_Name{font-weight:700;margin-bottom:.5rem}.About_Me_Field_Name_Value{font-size:.875rem;white-space:pre-wrap}.Skills{background-color:#f9c51d}#skills{scroll-margin-top:4.5rem}.Skills_Content{margin:0 auto;max-width:71.25rem;padding:4rem 1.5rem;width:100%}.Skills_Skill-sets{background-color:#fffc;border-radius:1rem;box-shadow:1rem 1rem 1rem 0 #4443;display:flex;flex-direction:column;padding:2rem;row-gap:2rem}.Skills_Skill-set{align-items:flex-start;column-gap:2rem;display:flex}.Skills_Name{align-items:center;column-gap:1rem;display:flex;flex-shrink:0;font-weight:900;width:10rem}.Skills_List{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem}.Skills_List_Item{border-radius:.5rem;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.Project_Content{margin:0 auto;max-width:71.25rem;padding:4rem 1.5rem;width:100%}#projects{scroll-margin-top:4.5rem}.Project_Details{display:flex;flex-wrap:wrap;gap:2rem}.Project_Item{background-color:#fff;border-radius:1rem;box-shadow:4px 8px 0 0 #44444426;display:inline-grid;gap:2rem;overflow:visible;padding:2rem;position:relative;transform:perspective(800px) rotateY(0deg);transform-style:preserve-3d;transition:transform 2s;width:calc(50% - 1rem)}.Project_Item:before{background:linear-gradient(135deg,#eceff1 60%,#fff);clip-path:polygon(0 0,100% 0,0 100%);content:"";height:52px;left:0;position:absolute;top:0;width:52px;z-index:2}@media (max-width:992px){.Project_Item{height:55vh;width:100%}}@media (max-width:576px){.Project_Item{width:100%}}.Project_Item>*{backface-visibility:hidden;grid-area:1/1/1/1}.Project_Item:hover{transform:perspective(800px) rotateY(180deg)}.Project_Detail{display:flex;flex-direction:column}.Project_Detail_Back{display:flex;flex-direction:column;height:100%;transform:rotateY(180deg)}.Project_Detail_Back_ImageWrapper{align-items:center;display:flex;gap:1rem;height:90vh;justify-content:center;max-height:200px;min-height:120px;width:100%}.Project_Detail_Back_Image{border-radius:8px;cursor:pointer;height:100%;object-fit:cover;width:100%}.Project_Title{align-self:flex-start;background-color:#f94148;border-radius:.5rem;color:#fff;font-weight:700;margin-bottom:.5rem;padding:.25rem .75rem}.Project_Title--inprogress{background-color:#7e7e7e}.ProjectDetails_Period{border-bottom:1px solid #ccc;color:#6c757d;font-size:.875rem;margin-bottom:.5rem;padding-bottom:.5rem}.ProjectDetails_summary{word-break:keep-all}.ProjectDetails_Title{font-weight:700;margin-bottom:.5rem}.ProjectDetails_details{font-size:.875rem;list-style:disc;padding-left:1.25rem}.ProjectDetails_url{border-left:4px solid #258ddb;color:#258ddb;font-size:.875rem;margin-top:1rem;padding-left:.75rem;word-break:break-all}.ProjectDetails_Technologies{align-self:flex-start;background-color:#f9c51d33;border:1px solid #f9c51d;border-radius:.5rem;font-size:.875rem;margin-top:1.5rem;padding:.25rem .75rem}.ProjectDetails_btn-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.ProjectImg_btn,.ProjectReadme_btn{align-items:center;align-self:flex-start;border:1px solid #ccc;border-radius:.5rem;column-gap:.25rem;display:flex;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.ReadmeModal{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.ReadmeModal_Content{background:#fff;border-radius:.7rem;box-shadow:0 8px 32px #00000040;display:flex;flex-direction:column;max-height:80vh;max-width:800px;min-width:340px;overflow:hidden;padding:0;position:relative;width:90vw}.ReadmeModal_Header{align-items:center;background:#222;color:#fff;display:flex;font-size:1.25rem;font-weight:700;justify-content:space-between;padding:1rem 2.5rem 1rem 1.5rem}.ReadmeModal_Close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:2rem;margin-left:1rem;transition:color .2s}.ReadmeModal_Close:hover{color:#f94148}.ReadmeModal_Body{background:#fff;flex:1 1 auto;overflow-y:auto;padding:2rem 2.5rem}.Career_Content{margin:0 auto;max-width:71.25rem;padding:4rem 1.5rem;width:100%}.Career_companies,.Career_company{display:flex;flex-direction:column}.Career_company_logo{padding-left:3rem;position:absolute}@media (max-width:576px){.Career_company_logo{position:relative}}.Career_company_logo-wrapper{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:100%;display:flex;height:15rem;justify-content:center;overflow:hidden;width:15rem}.Career_company_background{align-items:center;background-color:#fff;border:1px solid #ccc;height:35vh;margin-top:7rem;position:relative;width:100%;z-index:-100}@media (max-width:576px){.Career_company_background{display:none}}.Career_company_background-wrapper{align-items:center;background-size:cover;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.Career_company_details{padding:3rem}.Career_company_name{font-size:1.5rem;font-weight:900;padding-bottom:.5rem}.Career_company_period{color:#6c757d;padding-bottom:1rem}.Career_company_roles{display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:2rem}.Career_company_role{background-color:#222;border-radius:.5rem;color:#fff;font-size:.875rem;padding:.25rem .75rem}.Career_company_works{display:flex;flex-direction:column}.Career_company_work{border-bottom:1px solid #ccc;margin-bottom:1rem;padding-bottom:1rem;word-break:keep-all}.Career_work_title{border-left:4px solid #222;color:#222;font-weight:700;margin-bottom:.5rem;padding-left:.75rem}.Career_work_period{color:#6c757d;font-size:.875rem;padding-bottom:.5rem}.Career_work_description{font-size:.875rem}.Content{box-sizing:border-box;margin:0;padding:0}.Content,.ProfileIntro{display:flex;width:100%}.ProfileIntro{align-items:center;background:#0000;height:100vh;justify-content:center;overflow:hidden;position:relative}.typing-cursor{animation:blink 1s steps(1) infinite;font-weight:400}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.ProfileIntro_Content{color:#fff;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%;z-index:2}.ProfileIntro_Title{color:#f5f5f5;font-size:3rem;margin-bottom:7REM}.ProfileIntro_Subtitle{color:#f5f5f5;font-size:1.5rem}body{font-family:Chiron Hei HK,sans-serif}
/*# sourceMappingURL=main.4cc08951.css.map*/