@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf)}@font-face{font-family:Pacifico;src:url(/assets/Pacifico-Regular-DqRvctb9.ttf)}@font-face{font-family:"Noto Serif TC";src:url(/assets/NotoSerifTC-Regular-CAr-EGAB.otf)}@font-face{font-family:Poiret One;src:url(/assets/PoiretOne-Regular-De5KW2dz.ttf)}.topic{font-size:3rem;color:#333;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.1);font-family:Poppins,Trebuchet MS;font-weight:400}.exp__sec .exp,.skills .skills__container .skills__cards .skills__category .skills__category--back,.skills .skills__container .skills__cards .skills__category .skills__category--cover{background-color:#fff;box-shadow:0 5px 10px #0000001f;border-radius:1.5rem}@media(max-width:540px){.topic{font-size:2.5rem}}.menu{display:none}.noscroll{overflow-y:hidden}@media(max-width:540px){.menu{display:block;background-color:#fff;position:fixed;bottom:0;height:calc(100vh - 3.125rem);width:100vw;right:-100vw;z-index:19;transition:.5s}.menu ul{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:0;margin:0;font-family:Poiret One,cursive;font-size:3rem}.menu ul li{margin:0;list-style:none}.menu ul .menu__selected{color:#fdc300}.menu__appear{right:0}}.notfound{height:calc(100vh - 6.25rem);background-color:#f5f5f5;padding:2rem;display:flex;justify-content:center;box-sizing:border-box}.notfound h1{font-family:"Noto Serif TC",serif;font-weight:400;font-size:3rem}footer{width:100%;height:6.25rem;font-size:1rem;font-family:Poiret One,cursive}.home__footer{background-image:url(/assets/nyc-CnZJT1Ai.jpg);background-attachment:fixed;background-size:cover;background-position:center;color:#eaeaea}.home__footer div{width:100%;height:100%;background-color:#ffffff4d;display:flex;align-items:center;justify-content:center}.common__footer{background-color:#fff;color:#333;border-top:1px solid #eaeaea;display:flex;align-items:center;justify-content:center}.skills .skills__container .skills__cards .skills__category .skills__category--back,.skills .skills__container .skills__cards .skills__category .skills__category--cover{width:100%;height:100%;padding:1.5rem 0;position:absolute;backface-visibility:hidden;transition:.5s}.skills{height:auto;width:100%;font-family:Poppins,Trebuchet MS,"Noto Serif TC",serif;color:#555}.skills hr{margin-bottom:0}.skills .skills__container{width:100%;overflow:auto;padding:1.5rem 10% 2.5rem}.skills .skills__container::-webkit-scrollbar{display:none}.skills .skills__container .skills__cards{display:flex;width:108rem;margin:auto}.skills .skills__container .skills__cards .skills__category{width:16rem;height:20rem;cursor:pointer;transform:perspective(1000px);margin-right:2rem}.skills .skills__container .skills__cards .skills__category:hover .skills__category--cover,.skills .skills__container .skills__cards .skills__category .skills__category--back{box-shadow:0 8px 30px #0003}.skills .skills__container .skills__cards .skills__category .skills__category--cover{display:flex;justify-content:center;align-items:center}.skills .skills__container .skills__cards .skills__category .skills__category--cover:hover h2{color:#fdc300}.skills .skills__container .skills__cards .skills__category .skills__category--cover h2{font-weight:500;font-size:2rem;color:#222;transition:.5s}.skills .skills__container .skills__cards .skills__category .skills__category--back{display:flex;justify-content:center;align-items:center;flex-direction:column}.skills .skills__container .skills__cards .skills__category .skills__category--back .skills__item{line-height:2rem;font-size:1.25rem;margin:.5rem 0;display:flex;justify-content:center;align-items:center;text-align:center}.skills .skills__container .skills__cards .skills__category .skills__category--back .skills__item svg{margin:0 .25rem}@media(max-width:540px){.skills{margin-top:5%}.skills .skills__container{overflow:visible}.skills .skills__container .skills__cards{flex-direction:column;width:100%}.skills .skills__container .skills__cards #en-skill{height:10rem}.skills .skills__container .skills__cards .skills__category{width:100%;height:25rem;margin-bottom:1rem}.skills .skills__container .skills__cards .skills__category .skills__category--cover,.skills .skills__container .skills__cards .skills__category .skills__category--back{box-sizing:border-box}.skills .skills__container .skills__cards .skills__category .skills__category--back .skills__item{margin:1rem 0}}.exp__sec{width:100%;margin-top:5%;padding:0 10% 5%}.exp__sec .exp{padding:5%;font-family:Poppins,Trebuchet MS,"Noto Serif TC",serif}.exp__sec .exp h1{margin-top:0}.exp__sec .exp .exp__container{height:70vh;position:relative;overflow:hidden}.exp__sec .exp .exp__container:before{opacity:var(--before-opacity);content:"";position:absolute;top:0;right:0;width:100%;height:3rem;background:#fff;background:linear-gradient(0deg,#fff0,#fff)}.exp__sec .exp .exp__container:after{content:"";z-index:1;position:absolute;bottom:0;right:0;width:100%;height:4rem;background:#fff;background:linear-gradient(180deg,#fff0,#fff)}.exp__sec .exp .exp__container .exp__content{height:70vh;width:100%;overflow:auto}.exp__sec .exp .exp__container .exp__content::-webkit-scrollbar{display:none}.exp__sec .exp .exp__container .exp__content ul{padding:0;margin:0}.exp__sec .exp .exp__container .exp__content ul li{list-style:none;padding-left:0}.exp__sec .exp .exp__container .exp__content .exp__item{display:flex;font-size:1.25rem;width:100%;margin-bottom:2.5rem}.exp__sec .exp .exp__container .exp__content .exp__item .exp__date{width:24%;padding-right:2%;border-right:2px solid #333}.exp__sec .exp .exp__container .exp__content .exp__item .exp__description{padding-left:2%;width:72%}.exp__sec .exp .exp__container .exp__content .exp__item .exp__description h3{margin:0}.exp__sec .exp .exp__container .exp__content .exp__item .exp__description p{margin:0 0 1rem;color:#777}@media(max-width:540px){.exp__sec{padding:0 0 5%}.exp__sec .exp{background-color:#fa807200!important;box-shadow:0 5px 10px #0000!important;padding:0}.exp__sec .exp h1{width:80%;margin:1rem auto;background-color:#fff;box-shadow:0 5px 10px #0000001f;border-radius:1.5rem;box-sizing:border-box;padding:.25rem .5rem .25rem 1rem}.exp__sec .exp .exp__container{height:fit-content}.exp__sec .exp .exp__container:before{background:linear-gradient(0deg,#f5f5f500,#f5f5f5)}.exp__sec .exp .exp__container:after{background:linear-gradient(180deg,#f5f5f500,#f5f5f5)}.exp__sec .exp .exp__container .exp__content{height:80vh;padding:0 10%}.exp__sec .exp .exp__container .exp__content .exp__item{display:block;width:100%;background-color:#fff;box-shadow:0 5px 10px #0000001f;border-radius:1.5rem;box-sizing:border-box;padding:1rem}.exp__sec .exp .exp__container .exp__content .exp__item .exp__date{width:100%;padding-right:0;border-bottom:2px solid #333;border-right:none}.exp__sec .exp .exp__container .exp__content .exp__item .exp__description{padding-left:0;width:100%}}.resume__sec{padding-top:3.125rem;display:flex;flex-direction:column;align-items:center}.resume__sec .resume__opt{display:flex;justify-content:center}.resume__sec .resume__opt h1{font-family:"Noto Serif TC",serif;font-weight:400;display:inline-block;padding-bottom:.5rem;margin:2rem 2rem 0;cursor:pointer;transition:.5s}.resume__sec .resume__opt h1:hover{color:#fdc300}.resume__sec .resume__opt .cvSelected{border-bottom:#fdc300 solid .125rem;color:#fdc300}.resume__sec iframe{width:80%;height:100vh;margin:1.5rem 0}@media(max-width:540px){.resume__sec iframe{width:90%}.resume__sec .resume__opt h1{font-size:1.5rem}}*{box-sizing:border-box}body{margin:0;padding:0;font-size:16px}main{background-color:#f5f5f5}hr{border:0;height:4px;background-color:#fdc300;width:50px;margin:.5rem auto 1.875rem}