@import url(https://fonts.googleapis.com/css2?family=Oswald&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);@import url(https://fonts.googleapis.com/css2?family=Muli&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Merriweather-Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand&display=swap);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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--sidebar-bg:#333533;--sidebar-text:#cfdbd5;--sidebar-strong:#cfdbd5;--sidebar-footer:#cfdbd5;--main-text:#cfdbd5;--main-bg:#242423;--accent-color:#ff69b4;--gradient:36,36,35;--main-head-text:#cfdbd5;--project-card:#333533}.main-page{background-color:#242423;background-color:var(--main-bg);display:flex;flex-wrap:nowrap;height:100vh;margin-left:265px;overflow-x:hidden;overflow-y:hidden;scroll-behavior:smooth}.main-page .content-section{flex:0 0 auto;max-height:100vh;min-height:100vh;overflow-y:auto;width:calc(100vw - 265px)}.main-page .content-section,.main-page .content-section a{color:#cfdbd5;color:var(--main-text)}.main-page .content-section{-ms-overflow-style:none;scrollbar-width:none}.main-page .content-section::-webkit-scrollbar{display:none}.main-page .inner-container{font-family:Open Sans,sans-serif;margin:50px}#education-container{padding-top:20px}#cv-link{display:inline-block;margin:50px}#cv-link ul{list-style-position:outside}.educard{color:#333533;float:left;margin-bottom:40px;margin-right:40px;min-width:450px;padding:0;width:30%}.educard .info{background-color:#f5f5f5;border-left:1px solid #acacac;border-right:1px solid #acacac;border-top:1px solid #acacac;border-top-left-radius:15px;border-top-right-radius:15px;box-shadow:0 10px 10px #0003;height:180px;line-height:20px}.educard .school{background-color:#1e0233;border:0 solid #acacac;border-bottom-left-radius:15px;border-bottom-right-radius:15px;box-shadow:0 10px 10px #0003;color:#ebebeb;height:70px}.educard .logo{float:left;margin:10px;text-align:center}.educard .school-name{font-family:Oswald;font-size:35px;margin:auto 20px;text-align:right}.educard .year{color:#333533;font-size:18px;font-weight:600}.educard h4{font-family:Oswald;font-size:21px;font-weight:400;text-transform:uppercase}.educard h3{font-size:17px;font-weight:600}.educard h3,.educard h5{font-family:Noto Sans TC,sans-serif}.educard h5{font-size:14px;font-weight:400}.jobcards{border-top:1px solid #a9a9a9;color:#cfdbd5;color:var(--main-text);display:grid;font-family:Open Sans,sans-serif;grid-template-columns:[icon] 1fr [year] 4fr [experience] 14fr}.jobcards .year{grid-area:"year";line-height:25px;margin:40px 0;padding:0 10px;text-align:left}.jobcards .year h4{font-size:25px;font-weight:100;line-height:30px;margin:0}.jobcards .year h5{font-size:18px;font-weight:200;margin:0}.jobcards .year h6{-webkit-font-smoothing:antialiased;font-size:14px;font-weight:500;margin:0}.jobcards .experience{font-family:Open Sans,sans-serif;font-size:16px;grid-area:"experience";margin:auto 0;padding:0 10px;text-align:left}.jobicon{float:right;margin:40px 0}.jobicon i{font-size:60px}.jobcards i{transition:font-size .25s}.jobcards:hover i{color:#ff69b4;color:var(--accent-color);font-size:65px}.skill-container #area{color:#cfdbd5;color:var(--main-text);float:left;font-family:Quicksand,sans-serif;font-size:2em;font-weight:300;margin-bottom:auto;margin-right:50px;margin-top:auto;text-align:right;width:400px}.skill-card-container{display:flex;flex-wrap:wrap;margin-bottom:50px;width:50%}.skill-card{border:2px solid #cfdbd5;border:2px solid var(--main-text);border-radius:10px;color:#cfdbd5;color:var(--main-text);font-size:22px;margin:10px;padding:5px 20px;text-align:center}#abt-sup{background-image:url(/static/media/pelican.b84c96ff7da8cbc9bc8e.jpg);background-position:100%;background-repeat:no-repeat;background-size:cover}#abt-sup .gradient{background-image:linear-gradient(270deg,#24242399,#242423f2,#242423);background-image:linear-gradient(to left,rgba(var(--gradient),.6),rgba(var(--gradient),.95),rgba(var(--gradient),1));height:100%;width:100%;z-index:1}#abt-sup h1{margin:0}#abt-sup h2{font-feature-settings:"smcp";font-variant:small-caps}#abt-sup #short-desc{text-align:justify;width:50%}#about .inner-container{min-width:50%}#about h1{font-family:Noto Sans TC;font-size:80px}#projects-container{display:flex;flex-direction:row;flex-wrap:wrap}.project-card{background-color:#333533;background-color:var(--project-card);border-left:1px solid #ff69b4;border-left:1px solid var(--accent-color);margin:20px;min-width:300px;width:80%}.project-card .project-title{font-size:24px;font-weight:600;margin-left:10px;margin-top:10px;text-transform:uppercase}.project-card .project-title i{font-size:18px}.project-card .project-skill-container{display:flex;flex-wrap:wrap}.project-card .project-skills{font-size:14px;margin:5px 0 5px 15px}.project-card .project-skills p{background-color:#ff69b4;background-color:var(--accent-color);border:2px solid #ff69b4;border:2px solid var(--accent-color);border-radius:25px;color:#242423;color:var(--main-bg);margin:auto;padding:2px 5px}.project-card .project-desc{font-size:14px;margin:18px;min-height:100px;text-align:justify}.project-card .project-link{height:40px;margin-right:10px;margin-top:10px;text-align:right}.project-card .project-link a{padding:5px}.project-card .project-footer{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px}.main-page .title{color:#cfdbd5;color:var(--main-head-text);font-family:Quicksand,sans-serif;font-size:45px;font-weight:400}.title-divider{background-color:#ff69b4;background-color:var(--accent-color);height:2px;margin:10px 0 30px;width:20%}@media screen and (max-width:700px){.main-page{flex-direction:column}.main-page .content-section{flex:0 0 auto;max-height:100vh;overflow-x:auto;width:100vw}#abt-sup #short-desc{min-width:90%}.skill-container #area{text-align:left}.jobcards{display:grid;grid-template-columns:1fr 2fr}.jobcards .experience{grid-column-end:3;grid-column-start:1;grid-row-start:2;padding-bottom:10px}.main-page .title{padding-top:15px}.main-page .title-divider{width:50%}}@font-face{font-family:icomoon;font-style:normal;font-weight:400;src:url(/static/media/icomoon.0ff946619d477586cfd1.eot);src:url(/static/media/icomoon.0ff946619d477586cfd1.eot#iefix) format("embedded-opentype"),url(/static/media/icomoon.b3f7a663ce44c2f91d04.ttf) format("truetype"),url(/static/media/icomoon.56467942e1535e3f500e.woff) format("woff"),url(/static/media/icomoon.55ae99cd566555bfee00.svg#icomoon) format("svg")}.nav-panel{background-color:var(--sidebar-bg);height:100%;margin:0;overflow:auto;padding:40px 0 40px 15px;position:fixed;text-align:center;width:250px}ul#nav a{color:var(--sidebar-text);display:inline-block;font-family:Quicksand,sans-serif;letter-spacing:.25em;padding:10px;position:relative;text-decoration:none;text-transform:uppercase}ul#nav a:hover:after{left:0;width:100%}ul#nav a:after{background:none repeat scroll 0 0 #0000;background:var(--accent-color);bottom:0;content:"";display:block;height:2px;left:0;position:absolute;transition:width .6s ease;-webkit-transition:width .6s ease;width:0}ul#nav li{list-style:none}ul#nav{padding:0;text-align:center}.author-img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:150px;margin:0 auto 30px;position:relative;width:150px}ul#icons{margin:0;padding:0;text-align:center}ul#icons li{display:inline}ul#icons a{color:var(--sidebar-text);display:inline-block;padding:10px;text-align:center;text-decoration:none}ul#icons i{font-size:20px;font-weight:200}img#aligned{vertical-align:middle}.nav-panel h2{font-size:25px;line-height:40px}.nav-panel h2,.nav-panel h4{color:var(--sidebar-strong);font-family:Quicksand,sans-serif;font-weight:400;margin:1em 0 .5em}.nav-panel h4{font-size:20px;line-height:10px}#sidefoot,#sidefoot i,a{color:var(--sidebar-footer)}.mobileHeader,.openSidebarMenu,.sidebarIconToggle,.sidebarMenu,.sidebarMenuInner{display:none}button{background-color:var(--sidebar-bg);border:0;border-radius:100px;box-sizing:border-box;color:var(--sidebar-text);font-family:Quicksand,sans-serif;margin:10px;padding:4px}button:focus{outline:none}button.Light{background-color:var(--accent-color);color:#ddd}button.Light i{font-size:18px;margin-right:20px}button.Dark{background-color:var(--accent-color);color:#333}button.Dark i{font-size:18px;margin-left:20px}p#Light{color:#333}p#Dark{color:#eee}@media screen and (max-width:700px){.menu,.nav-panel{display:none}div.main-page{margin-left:0}button{margin:20px}p#Dark,p#Light{margin-left:20px}.sidebarMenu{background-color:var(--sidebar-bg);height:100%;left:0;margin-top:60px;position:fixed;transform:translateX(-250px);transition:transform .25s ease-in-out;width:250px}.sidebarMenuInner{margin:0;padding:0}.sidebarMenuInner li{color:var(--sidebar-text);cursor:pointer;list-style:none;padding:20px}.sidebarMenuInner li span{color:var(--sidebar-text);display:block;font-size:14px}.sidebarMenuInner li a{color:var(--sidebar-text);cursor:pointer;letter-spacing:.25em;text-decoration:none;text-transform:uppercase}input[type=checkbox]:checked~.sidebarMenu{box-shadow:100px 0 1000px #00000080;transform:translateX(0)}input[type=checkbox]{box-sizing:border-box;display:none;transition:all .3s}.sidebarIconToggle{cursor:pointer;height:100%;height:22px;left:15px;top:22px;width:100%;width:22px;z-index:99}.sidebarIconToggle,.spinner{box-sizing:border-box;position:absolute;transition:all .3s}.spinner{background-color:var(--accent-color);height:3px;width:100%}.horizontal{margin-top:3px}.diagonal.part-1,.diagonal.part-2,.horizontal{box-sizing:border-box;float:left;position:relative;transition:all .3s}.diagonal.part-2{margin-top:3px}input[type=checkbox]:checked~.sidebarIconToggle>.horizontal{box-sizing:border-box;opacity:0;transition:all .3s}input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-1{box-sizing:border-box;margin-top:8px;transform:rotate(135deg);transition:all .3s}input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-2{box-sizing:border-box;margin-top:-9px;transform:rotate(-135deg);transition:all .3s}.openSidebarMenu,.sidebarIconToggle,.sidebarMenu,.sidebarMenuInner{display:block}.mobileHeader{background-color:var(--sidebar-bg);display:block;height:60px!important;margin:10 auto;max-width:100%;overflow:hidden;position:fixed;text-align:right;width:100%;z-index:10}.mobileHeader #MyName{color:var(--sidebar-strong);font-family:Quicksand,sans-serif;font-size:18px;font-weight:400;margin:22px}}
/*# sourceMappingURL=main.48e30439.css.map*/