body{margin:0;padding:0;font-family:sans-serif}.navbar{width:100%;opacity:.6;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.navbar:hover{opacity:1}.heading{text-align:center;font-size:2.35vw;color:#fff;font-weight:400;font-family:Raleway,sans-serif;font-weight:700}.container-heading>.jumbotron{background-image:url(/my-webpage/static/media/jumbotron.898d72eb.jpg);background-size:cover;background-size:100% 100%;height:21vw;padding-top:4.4vw;margin-bottom:2em}.icon{position:relative;width:13vw}.icon,.icon img{border-radius:50%}.icon img{display:block;margin:auto;width:100%;height:100%}.icon img:hover{-webkit-box-shadow:0 0 5px 5px rgba(0,140,186,.5);box-shadow:0 0 5px 5px rgba(0,140,186,.5)}.icon>.overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;border-radius:50%;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.icon>.overlay:hover{opacity:1}.icon.zoomIn{-webkit-animation-duration:.3s;animation-duration:.3s}.jumbotron.fadeIn{-webkit-animation-duration:.5s;animation-duration:.5s}.panel-body{font-family:Julius Sans One,sans-serif;color:#222;background-color:#f7f1e3}.panel-body,.panel-heading{text-align:left;font-size:1.2em;font-weight:500}.panel-heading{font-family:Helvetica Neue,sans-serif}.panel,.panel-heading{border-style:none!important}.container{padding:0}.align-left{text-align:left}.align-right{float:right}.progress-hku-gpa>.progress-bar{width:89%;background-color:#006400!important;font-size:1em;text-align:center;padding-top:2px}.progress-kyoto-gpa>.progress-bar{width:91%;background-color:#0f53c1!important;font-size:1em;text-align:center;padding-top:2px}.panel-body>hr{display:block;margin:.5em auto;border-style:inset;border-width:1px}.panel-education>.panel-heading{color:#fff!important;background-color:#ac80a0!important}.panel-skills>.panel-heading{color:#333!important;background-color:#e5af30!important}.panel-working-experience>.panel-heading{color:#fff!important;background-color:#3685b5!important}.panel-language>.panel-heading{color:#fff!important;background-color:#b58e84!important}.progress-hku-gpa,.progress-kyoto-gpa{margin-top:1em;width:80%;height:1.5em}.panel-education>.panel-body>div,.panel-working-experience>.panel-body>div{line-height:2}.progress-ee>.progress-bar{width:100%;background-color:#44adfd!important;font-size:1em;text-align:center}.progress-c>.progress-bar{width:60%;background-color:#53ac53!important;font-size:1em;text-align:center}.progress-java>.progress-bar{width:80%;background-color:#53cef1!important;font-size:1em;text-align:center}.progress-python>.progress-bar{width:80%;background-color:#ffa600!important;font-size:1em;text-align:center}.progress-php>.progress-bar{width:40%}.progress-htmlcss>.progress-bar,.progress-php>.progress-bar{background-color:#ff347e!important;font-size:1em;text-align:center}.progress-htmlcss>.progress-bar{width:50%}.progress-javascript>.progress-bar{width:50%;background-color:#ff347e!important;font-size:1em;text-align:center}.progress-matlab>.progress-bar{width:70%;background-color:#53cef1!important;font-size:1em;text-align:center}.progress-ml>.progress-bar{width:60%;background-color:#c623ab!important;font-size:1em;text-align:center}.progress-mongodb>.progress-bar{width:75%}.progress-mongodb>.progress-bar,.progress-sql>.progress-bar{background-color:#14233d!important;font-size:1em;text-align:center}.progress-sql>.progress-bar{width:60%}.progress-linuxshell>.progress-bar{width:65%;background-color:#724633!important;font-size:1em;text-align:center}.progress-cantonese>.progress-bar{width:90%;background-color:#24b746!important;font-size:1em;text-align:center}.progress-mandarin>.progress-bar{width:60%;background-color:#c623ab!important;font-size:1em;text-align:center}.progress-english>.progress-bar{width:70%;background-color:#116060!important;font-size:1em;text-align:center}.progress-japanese>.progress-bar{width:50%;background-color:#ff347e!important;font-size:1em;text-align:center}.jumbotron-personal{background-color:#26aaac;background-size:cover;padding-top:7vw;height:22.75vw;margin-bottom:2em;text-align:center}.jumbotron-personal>h1{color:#fff;font-family:Raleway,sans-serif;font-size:4.1vw;font-weight:800;line-height:6.5vw;margin:0 0 1.56vw;text-align:center}.jumbotron-personal>h1>.title1.fadeInLeft-custom{-webkit-animation-delay:.3s;animation-delay:.3s}.jumbotron-personal>h1>.title2.fadeInLeft-custom{-webkit-animation-delay:.7s;animation-delay:.7s}@-webkit-keyframes fadeInLeft-custom{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft-custom{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft-custom{-webkit-animation-name:fadeInLeft-custom;animation-name:fadeInLeft-custom}.container-personal>.row>.col-md-4>div>img{border-radius:10px;border-width:2px;border-color:#e6e6e6;padding:0;max-width:100%;max-height:auto}.container-personal>.row>.col-md-4>div>img:hover{-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-box-shadow:0 0 5px 5px rgba(0,140,186,.2);box-shadow:0 0 5px 5px rgba(0,140,186,.2)}.image-personal>img{margin-top:20px}.image-programming>img{margin-top:120px}@media only screen and (max-width:991px){.image-programming>img{margin-top:0;margin-bottom:20px}}.container-personal>.row{background:#dbeff0;border-radius:25px;margin-bottom:30px;padding-left:10px}.container-personal>.row>.col-md-8>h2,.container-personal>.row>.col-md-12>h2{color:#116062;font-family:Raleway,sans-serif;font-size:30px;font-weight:800;line-height:72px;margin:0;text-align:left;text-transform:uppercase;line-height:normal;margin-top:15px;margin-bottom:15px}.container-personal>.row>.col-md-8>p,.container-personal>.row>.col-md-12>p{color:#457487;font-family:Raleway,sans-serif;font-size:18px;font-weight:500;line-height:32px;margin:0 0 24px}.jumbotron-projects{background-image:url(/my-webpage/static/media/jumbotron-projects.7c714cab.gif);background-size:cover;background-position:0 -7.8vw;height:39vw;width:100%;margin-bottom:2em;text-align:center;-webkit-animation:back-change .5s linear;animation:back-change .5s linear;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;z-index:-1}.title-projects>h1{color:#d3d3d3;font-family:Raleway,sans-serif;font-size:4.1vw;font-weight:800;line-height:6.5vw;text-align:center;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;top:13vw;z-index:2}@-webkit-keyframes back-change{0%{-webkit-filter:brightness(100%);filter:brightness(100%)}to{-webkit-filter:brightness(20%);filter:brightness(20%)}}@keyframes back-change{0%{-webkit-filter:brightness(100%);filter:brightness(100%)}to{-webkit-filter:brightness(20%);filter:brightness(20%)}}.title-projects>h1>.title1-projects.fadeInLeft-custom{-webkit-animation-delay:2.5s;animation-delay:2.5s}.title-projects>h1>.title2-projects.fadeInLeft-custom{-webkit-animation-delay:2.9s;animation-delay:2.9s}.heading-projects.fadeIn{-webkit-animation-duration:.4s;animation-duration:.4s}.container-projects>.row{background:#eceae0;border-radius:25px;margin-bottom:30px;padding-left:10px}.container-projects>:first-child{padding:10px 30px}.container-projects>.row>[class^=col-md]>h2,.container-projects>.row>h2{color:#221e1d;font-family:Raleway,sans-serif;font-size:30px;font-weight:800;margin:0;text-align:left;text-transform:uppercase;line-height:normal;margin-top:15px;margin-bottom:15px}.container-projects>.row>[class^=col-md]>p,.container-projects>.row>p{color:#221e1d;font-family:Raleway,sans-serif;font-size:18px;font-weight:500;line-height:32px;margin:0 0 24px}.container-projects>.row>[class^=col-md]>div>img{border-radius:10px;border-width:2px;border-color:#e6e6e6;padding:0;max-width:100%;max-height:auto}.container-projects>.row>[class^=col-md]>div>img:hover{-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-box-shadow:0 0 5px 5px rgba(0,140,186,.2);box-shadow:0 0 5px 5px rgba(0,140,186,.2)}.image-project1_1,.image-project1_2{margin-top:80px}.image-openup_poster>img{display:block;margin-left:auto;margin-right:auto;width:95%}@media only screen and (max-width:991px){.image-project1_1{margin-top:20px}.image-project1_2{margin-top:0}}.row>div>hr{display:block;margin:1em 2em;border-style:inset;border-width:1px}.col-md-12>iframe{height:31.9vw;width:56vw}.project2_poster_modal{width:80vw}.project2_poster{position:relative;width:350px}.project2_poster_small{height:100%;width:100%}.project2_poster>.overlay{position:absolute;border-radius:10px;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.project2_poster>.overlay:hover{background-color:#000;opacity:.5}.project2_poster>.overlay>h2{color:#fff;text-align:center;line-height:605px;padding:0;margin:0}.project2_poster_large{width:70vw;height:auto}@media only screen and (max-width:455px){.project2_poster{position:relative;width:75vw}.project2_poster>.overlay>h2{font-size:6.5vw;line-height:120vw}}@media only screen and (max-width:800px){.row{margin-left:20px;margin-right:20px}}
/*# sourceMappingURL=main.3063186f.css.map*/