.name--home{font-size:3.5em}.header{padding:15%;text-align:center}.home--container{display:inline-block;padding-top:2em}.typed-out{animation:typing 3s steps(17) forwards;animation-iteration-count:infinite;border-right:.15em solid var(--color-gray);font-size:1.5em;letter-spacing:1px;overflow:hidden;text-align:center;white-space:nowrap}a{text-decoration:none}.fa-angles-down{color:var(--color-gray);display:block;margin:2em 0}.fade-in{animation:slide-down 1s forwards}.fade-in-slow{animation:slide-down 1.5s forwards}.fade-in-slower{animation:slide-down 2s forwards}@keyframes slide-down{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:none}}@keyframes typing{0%{width:0}90%{width:100%}to{width:100%}}:root{--color-primary:#0000;--color-hover:#3a8bc6;--color-second:#016bb9;--color-gray:#444;--color-nav:#f4f4f4;--outer-shadow:3px 3px 3px #d0d0d0,-3px -3px 3px #f8f8f8;--outer-shadow-0:0 0 0 #d0d0d0,0 0 0 #f8f8f8;--inner-shadow:inset 3px 3px 3px #d0d0d0,inset -3px -3px 3px #f8f8f8;--inner-shadow-0:inset 0 0 0 #d0d0d0,inset 0 0 0 #f8f8f8;background:#f4f4f4}[data-theme=dark]{--color-primary:#0000;--color-second:#fb839e;--color-hover:#fabcca;--color-gray:#fff;--color-nav:#444;--outer-shadow:3px 3px 3px #222327,-3px -3px 3px #363636;--outer-shadow-0:0 0 0 #222327,0 0 0 #363636;--inner-shadow:inset 3px 3px 3px #222327,inset -3px -3px 3px #363636;--inner-shadow-0:inset 0 0 0 #222327,inset 0 0 0 #363636;background:#444}*{box-sizing:border-box;color:#444;color:var(--color-gray);font-family:Oswald;font-size:16px;transition:background .3s ease}header{height:100%}body,html{margin:0}.container{overflow:hidden;padding:2em 5em}.social-open{opacity:1;transition:opacity 1s ease-out}.social-closed{opacity:0;transition:opacity .3s ease-out}.fade-in-right{animation:slide-right 1.5s forwards}.fade-in-right-header{animation:slide-right 2s forwards}.fade-in-left{animation:slide-left 1.5s forwards}@keyframes slide-right{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}@keyframes slide-left{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}.fa-solid{cursor:pointer;font-size:2rem}.darkMode{border-left:0 #f8f8f8;border-left:var(--outer-shadow-0);border-radius:50%;border-top:0 #f8f8f8;border-top:var(--outer-shadow-0);box-shadow:3px 3px 3px #d0d0d0,-3px -3px 3px #f8f8f8;box-shadow:var(--outer-shadow);padding:.5rem}.fa-solid.sun{color:#f5bf00}.fa-solid.sun:hover{animation:rotating 16s linear infinite}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-solid.icon{color:#016bb9;color:var(--color-second);font-size:2rem}.fa-solid.icon:hover{color:#3a8bc6;color:var(--color-hover)}.footer{height:3em;margin-top:-3em;text-align:center}.socialicon{display:flex;flex-direction:column;position:fixed;right:0;top:40%}.fa-brands{border-left:0 #f8f8f8;border-left:var(--outer-shadow-0);border-radius:50%;border-top:0 #f8f8f8;border-top:var(--outer-shadow-0);box-shadow:3px 3px 3px #d0d0d0,-3px -3px 3px #f8f8f8;box-shadow:var(--outer-shadow);color:#016bb9;color:var(--color-second);font-size:2rem;margin:.5em;padding:.7rem}.fa-brands:hover{border-left:0 inset #f8f8f8;border-left:var(--inner-shadow-0);border-top:0 inset #f8f8f8;border-top:var(--inner-shadow-0);box-shadow:inset 3px 3px 3px #d0d0d0,inset -3px -3px 3px #f8f8f8;box-shadow:var(--inner-shadow);z-index:-1}.dark--icon{color:#fff}.btn{background-color:initial;background-color:var(--color-primary);border:none;border-left:0 #f8f8f8;border-left:var(--outer-shadow-0);border-radius:15px;border-top:0 #f8f8f8;border-top:var(--outer-shadow-0);box-shadow:3px 3px 3px #d0d0d0,-3px -3px 3px #f8f8f8;box-shadow:var(--outer-shadow);color:#016bb9;color:var(--color-second);display:block;font-size:1rem;margin:1em;padding:1em 2em}.btn:hover{border-left:3px inset #f8f8f8;border-left:var(--inner-shadow);border-top:3px inset #f8f8f8;border-top:var(--inner-shadow);box-shadow:inset 3px 3px 3px #d0d0d0,inset -3px -3px 3px #f8f8f8;box-shadow:var(--inner-shadow)}.card--h1{font-size:2rem}.theme--context{background-color:initial;border:none;position:fixed;right:1em;top:1em}.border{border-left:0 #f8f8f8;border-left:var(--outer-shadow-0);border-top:3px -3px #f8f8f8;border-top:var(--outer-shadow);box-shadow:3px 3px 3px #d0d0d0,-3px -3px 3px #f8f8f8;box-shadow:var(--outer-shadow)}.header--h1{font-size:3em}.contact--container{display:grid;font-size:3rem;grid-template-columns:50% 50%;margin:1em auto;min-height:90%;width:90%}.fa-at{color:#016bb9;color:var(--color-second);margin-right:.5em}.contact--right{border-left:1px solid #016bb9;border-left:1px solid var(--color-second);padding:1em}.contact--left{padding:3em}.contact--form{background-color:initial;background-color:var(--color-primary);border-left:0 #f8f8f8;border-left:var(--outer-shadow-0);border-radius:15px;border-top:0 #f8f8f8;border-top:var(--outer-shadow-0);box-shadow:3px 3px 3px #d0d0d0,-3px -3px 3px #f8f8f8;box-shadow:var(--outer-shadow);padding:1em}.contact--input{background:#ffffff9e;border:none;border-radius:15px;box-shadow:inset 0 4px 4px #00000040;display:block;height:4em;margin:2em 0;padding:1em;text-transform:uppercase;width:100%}.contact--loca{font-size:2rem}.contact--email,.contact--p{font-size:1.5rem}.contact--p{margin-top:2em}@media screen and (max-width:950px){.contact--container{display:flex;flex-direction:column}.fa-at{color:#016bb9;color:var(--color-second);margin-right:.5em}.contact--right{border-left:none;border-top:1px solid #016bb9;border-top:1px solid var(--color-second);padding:1em}.contact--left{padding:1em 3em}}@media screen and (max-width:800px){.contact--p{margin:1em}.contact--container{justify-items:center}}@media screen and (max-width:700px){.container{padding:1em}.link--text{display:inline;display:initial}.darkMode,.fa-brands{font-size:1.5em}.theme--context{background-color:initial;border:none;position:fixed;right:.4em;top:1em}.contact--left{padding:1em}.contact--email,.info--loca{font-size:1.5em}.contact--p,.fa-at{font-size:1em}.contact--input{height:2.8em}.contact--right{padding:2em}.footer{display:none}}.nav,.nav--close{background-color:var(--color-nav);border-radius:0 15px 15px 0;box-shadow:var(--outer-shadow);height:100%;padding:1em;position:fixed;text-align:end;transition:width .7s ease;width:15em;z-index:10}.nav--close{display:flex;flex-direction:column;justify-content:space-evenly;text-align:center;width:4em}.backdrop{background:#fff3;height:100vh;position:fixed;width:100%;z-index:8}.hidden{opacity:0}.none{display:none}.nav--logo,.nav--p{color:var(--color-second);font-family:Clicker Script;font-size:3.5rem;font-style:normal;font-weight:600;font-weight:700;line-height:106px;margin-top:.5rem;top:2em;transition:none}.nav--p{color:var(--color-gray);font-family:Oswald;font-size:4em;font-weight:700}.nav--links{display:flex;flex-direction:column;height:50%;justify-content:space-evenly}.link--text{display:none}.nav--link{color:var(--color-gray);font-size:2em;text-decoration:none}@media screen and (max-width:700px){.nav--close{align-items:center;background-color:var(--color-nav);border-radius:15px;bottom:0;height:60px;justify-content:center;padding:0;position:fixed;width:100%}.fa-bars{display:none}.nav--links{flex-direction:row;height:70px;width:70px}.nav--links,.nav--links div{display:flex;position:relative}.nav--links div{align-items:center;flex-direction:column;justify-content:center;text-align:center;width:100%}.nav--links div .icon{display:block;font-size:1.5em;line-height:75px;margin:0 1em;position:relative;text-align:center;transition:.5s}.nav--links div.active .icon{color:var(--color-gray);transform:translateY(-18px)}.nav--links div .link--text{font-size:.75em;letter-spacing:.05em;opacity:0;position:absolute;transform:translateY(20px);transition:.5s}.active{background-color:var(--color-primary);border-radius:50%;transform:translateY(-10px)}.nav--links div.active .link--text{opacity:1;transform:translateY(10px)}.nav--link{font-size:2em;text-decoration:none}}.img{border-radius:15px;height:auto;object-fit:cover}.about--container{grid-gap:1em;display:grid;grid-template-columns:repeat(2,50%);grid-template-rows:repeat(2,50%);justify-items:start;margin:3em auto;padding-right:2em;width:90%}.about--card{background-color:var(--color-primary);border-radius:15px;height:100%;padding:0 2em;width:98%}.about--info{grid-gap:1em;display:grid;grid-template-columns:30% 30% 40%;grid-template-rows:repeat(2,50%);justify-items:end;padding:2em;text-align:end}.about--info h1{font-size:3.5em;margin:0}.about--info--name{grid-column-start:span 2}.about--p{grid-column-start:span 3;text-align:center}.about--imgs{display:flex;flex-wrap:wrap}.about--img{border:2px solid var(--color-second);border-radius:15px;filter:grayscale(80%);margin:1em;max-width:5em;padding:1em}.about--img:hover{border-color:#f1ff5c;box-shadow:0 .5em .5em -.4em #f1ff5c;cursor:pointer;filter:none;transform:translateY(-1px)}.fa-location-dot{color:red;font-size:1em;margin-right:.5em}.info--occ{color:grey}.info--loca,.info--occ{font-size:1.2em;margin:0}.link--button{background-color:var(--color-primary);border:none;border-radius:15px;color:var(--color-second);display:inline-block;font-size:1rem;margin:1em;padding:1em 2em}.link--button:hover{border-left:var(--inner-shadow);border-top:var(--inner-shadow);box-shadow:var(--inner-shadow)}@media screen and (max-width:1280px){.link--button{margin:1em .6em 1em .5em;padding:1em 1.5em}}@media screen and (max-width:1180px){.about--img{margin:.7em;max-width:4.5em;padding:.8em}.about--info h1{font-size:3em}.link--button{margin:1em .6em 1em .5em;padding:1em 1.5em}}@media screen and (max-width:1024px){.p{font-size:.9em}.footer{margin-top:-3em;padding:.5em}.link--button{margin:1em .5em;padding:.5em 1em}.card--h1{font-size:1.6rem}.about--info h1{font-size:2.6em}.about--card{padding:0 1.5em}.about--img{margin:1em .5em 1em .4em;max-width:4em;padding:.7em}}@media screen and (max-width:950px){.img-box{align-self:center}.about--container{grid-template-rows:40% 30% 30%}.about--card{grid-column-start:span 2}.about--info{grid-gap:0;display:flex;flex-direction:column;height:100%;padding:.5em}.about--info h1{font-size:3em}.about--p p{color:#f5f5f5;text-shadow:2px 2px 2px #222327,-2px -2px 3px #363636}.about--info--name,.about--links--button{grid-column-start:span 3}.about--img{margin:1em;max-width:4.8em;padding:1em}.link--button--background{background:#ffffff4d}}@media screen and (max-width:800px){.img{height:auto}.img-box{align-self:center}.about--container{grid-template-rows:40% 30% 30%}.about--card{grid-column-start:span 2}.about--info h1{font-size:2.5em}.about--p p{margin:0}.about--img{margin:1em;max-width:4em;padding:1em}}@media screen and (max-width:700px){.about--container{display:flex;flex-direction:column}.link--button--background{background:none}.img{width:100%}.img-box{height:50%}.about--p p{color:var(--color-gray);text-shadow:none}.about--img{margin:.5em;max-width:2em;padding:.2em}.card--h1{margin:.5em 0}}@media screen and (min-width:769px){.project{width:95%}.project--card{border-radius:15px;display:flex;margin:1em;padding:1em;width:100%}.angle-left,.angle-right{display:none}.project--builtwith{min-width:20%}.project--img{min-width:30em}.img{height:100%;width:100%}}.project--icon{margin:.8rem;max-width:2.5em}.button--angle{background:none;border:none;border-radius:50%;padding:.8em}@media screen and (max-width:1180px){.project--img{height:70%}}@media screen and (max-width:768px){.project--card{grid-template-columns:50% 50%;grid-template-rows:40% 25% 40%;height:100vh;margin:1em;min-width:95%;padding:1rem}.project--img{align-self:center;grid-column:1/span 2;height:40%;justify-self:center;margin-bottom:1em}.project--card div{grid-column-start:span 2}.project--icon{margin:.5em;max-width:2.5em}.p{margin-bottom:0}.project{display:flex;margin-left:.5em;width:82%}.angle-left{left:5em}.angle-left,.angle-right{display:block;position:fixed;top:70%}.angle-right{right:3em}.angle-left{left:.2em;z-index:2}.angle-right{right:1em;z-index:2}.button--angle{background:none}}.lang{background-color:initial;cursor:pointer;display:flex;flex-direction:column;margin-top:1.5em;position:fixed;right:5em}.lang .dropdown{display:none;left:0;margin:0;padding:0;position:relative}.lang--icon{border:none;margin-bottom:5px}.lang:hover .dropdown{align-items:center;display:flex;display:block;flex-direction:column;margin:0;padding:5px 0}.en{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Ccircle style='fill:%23f0f0f0' cx='256' cy='256' r='256'/%3E%3Cpath style='fill:%230052b4' d='M52.92 100.142c-20.109 26.163-35.272 56.318-44.101 89.077h133.178L52.92 100.142zM503.181 189.219c-8.829-32.758-23.993-62.913-44.101-89.076l-89.075 89.076h133.176zM8.819 322.784c8.83 32.758 23.993 62.913 44.101 89.075l89.074-89.075H8.819zM411.858 52.921c-26.163-20.109-56.317-35.272-89.076-44.102v133.177l89.076-89.075zM100.142 459.079c26.163 20.109 56.318 35.272 89.076 44.102V370.005l-89.076 89.074zM189.217 8.819c-32.758 8.83-62.913 23.993-89.075 44.101l89.075 89.075V8.819zM322.783 503.181c32.758-8.83 62.913-23.993 89.075-44.101l-89.075-89.075v133.176zM370.005 322.784l89.075 89.076c20.108-26.162 35.272-56.318 44.101-89.076H370.005z'/%3E%3Cpath style='fill:%23d80027' d='M509.833 222.609H289.392V2.167A258.556 258.556 0 0 0 256 0c-11.319 0-22.461.744-33.391 2.167v220.441H2.167A258.556 258.556 0 0 0 0 256c0 11.319.744 22.461 2.167 33.391h220.441v220.442a258.35 258.35 0 0 0 66.783 0V289.392h220.442A258.533 258.533 0 0 0 512 256c0-11.317-.744-22.461-2.167-33.391z'/%3E%3Cpath style='fill:%23d80027' d='M322.783 322.784 437.019 437.02a256.636 256.636 0 0 0 15.048-16.435l-97.802-97.802h-31.482v.001zM189.217 322.784h-.002L74.98 437.019a256.636 256.636 0 0 0 16.435 15.048l97.802-97.804v-31.479zM189.217 189.219v-.002L74.981 74.98a256.636 256.636 0 0 0-15.048 16.435l97.803 97.803h31.481zM322.783 189.219 437.02 74.981a256.328 256.328 0 0 0-16.435-15.047l-97.802 97.803v31.482z'/%3E%3C/svg%3E")}.en,.zh{background-color:initial;height:40px;width:40px}.zh{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style='border-radius:50%25'%3E%3Cpath fill='%23d80027' d='M0 256 256 0h256v512H0z'/%3E%3Cpath fill='%230052b4' d='M256 256V0H0v256z'/%3E%3Cpath fill='%23eee' d='m222.6 149.8-31.3 14.7 16.7 30.3-34-6.5-4.3 34.3-23.6-25.2-23.7 25.2-4.3-34.3-34 6.5 16.7-30.3-31.2-14.7 31.2-14.7-16.6-30.3 34 6.5 4.2-34.3 23.7 25.3L169.7 77l4.3 34.3 34-6.5-16.7 30.3z'/%3E%3Ccircle cx='146.1' cy='149.8' r='47.7' fill='%230052b4'/%3E%3Ccircle cx='146.1' cy='149.8' fill='%23eee' r='41.5'/%3E%3C/svg%3E")}@media screen and (max-width:700px){.en,.zh{height:30px;width:30px}.lang{right:1em;top:3em}}
/*# sourceMappingURL=main.39c77f25.css.map*/