@import"https://fonts.googleapis.com/css?family=Francois+One";@import"https://fonts.googleapis.com/css?family=PT+Sans";body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.neonButton{--clr-neon:#14ffff;--clr-bg:#202f31;font-size:1rem;display:inline-block;cursor:pointer;text-decoration:none;color:var(--clr-neon);border:.125em solid var(--clr-neon);padding:.25em 1em;border-radius:.25em;text-shadow:0 0 .125em rgba(255,255,255,.3),0 0 .45em currentColor;box-shadow:inset 0 0 .5em 0 var(--clr-neon),0 0 .5em 0 var(--clr-neon);position:relative}.neonButton:before{pointer-events:none;content:"";position:absolute;background:var(--clr-neon);top:120%;left:0;width:100%;height:100%;transform:perspective(1em) rotateX(40deg) scaleY(.35);filter:blur(1em);opacity:.7}.neonButton:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 2em .5em var(--clr-neon);opacity:0;background-color:var(--clr-neon);z-index:-1;transition:opacity .1s linear}.neonButton:focus,.neonButton:hover{color:var(--clr-bg);text-shadow:none}.neonButton:focus:after,.neonButton:focus:before,.neonButton:hover:after,.neonButton:hover:before{opacity:.5}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-column-gap:1rem;grid-row-gap:2rem}.filters img{width:100%;height:30vh;-o-object-fit:cover;object-fit:cover}.filter-container button{margin-right:2rem;min-width:5rem;padding:.5rem 1rem;background:#fff;color:#4162a8;border-radius:1rem;border:2px solid #1c2435;font-weight:700;cursor:pointer}button.active{background:#4162a8;color:#fff}.webgl{position:fixed;top:0;left:0;outline:none}.loading-bar{position:absolute;top:50%;width:100%;height:2px;background:#fff;transform:scaleX(.3);transform-origin:top left;transition:transform .5s}.loading-bar.ended{transform:scaleX(0);transform-origin:100% 0;transition:transform 1.5s ease-in-out}.point{position:absolute;top:50%;left:50%}.point .label{top:-20px;left:-20px;width:40px;height:40px;border-radius:50%;border:1px solid hsla(0,0%,100%,.467);text-align:center;line-height:40px;cursor:help;transform:scale(0);transition:transform .3s}.point .label,.point .text{position:absolute;background:rgba(0,0,0,.467);color:#fff;font-family:Helvetica,Arial,sans-serif;font-weight:100;font-size:14px}.point .text{top:30px;left:-120px;width:200px;padding:20px;border-radius:4px;border:1px solid hsla(0,0%,100%,.467);line-height:1.3em;opacity:0;transition:opacity .3s;pointer-events:none}.point:hover .text{opacity:1}.point.visible .label{transform:scale(1)}.note:after{content:"";width:20%;height:2px;border-radius:999px;background:linear-gradient(135deg,#2babd9,#0082c8);position:absolute;top:-1.8em;left:0}.note{font-size:.8em;margin-top:4em}.note,.scroller{position:relative}.scroller{height:1.2em;line-height:1.2em;overflow:hidden;width:10em}.scroller>span{position:absolute;top:0;-webkit-animation:slide 5s infinite;animation:slide 5s infinite;font-weight:700}@-webkit-keyframes slide{0%{top:0}25%{top:-1.2em}50%{top:-2.4em}75%{top:-3.6em}}@keyframes slide{0%{top:0}25%{top:-1.2em}50%{top:-2.4em}75%{top:-3.6em}}h1,h2,h3{font-family:PT Sans,sans-serif;text-transform:uppercase}.headingOuter{background:#f1f1f1;text-align:center;margin-top:30px;border-top:1px solid #333;border-bottom:1px solid #333}.headingOuter:first-child{margin-top:0}h1+.headingOuter{margin-top:10px}.headingWrapper{text-align:center;padding:10px}.header{display:inline-block;text-align:center;font-family:Francois One,Helvetica,Arial,sans-serif;font-size:40px;color:#e7e7e7;text-decoration:none;text-shadow:1.5px 1.5px 0 #cac6c5,-1.5px -1.5px 0 #cac6c5,-1.5px -1.5px 0 #cac6c5,-1.5px 1.5px 0 #cac6c5,1.5px -1.5px 0 #cac6c5;transition:all .4s ease-in-out}.header--pushDown{text-shadow:1.5px 1.5px 0 #333,0 1.5px 0 #333,-1.5px -1.5px 0 #333,-1.5px -1.5px 0 #333,-1.5px 1.5px 0 #333,1.5px -1.5px 0 #333,.7778174593px .7778174593px 0 #aaa,1.5556349186px 1.5556349186px 0 #aaa,2.3334523779px 2.3334523779px 0 #aaa,3.1112698372px 3.1112698372px 0 #aaa,3.8890872965px 3.8890872965px 0 #aaa,4.6669047558px 4.6669047558px 0 #aaa,5.4447222151px 5.4447222151px 0 #aaa,6.2225396744px 6.2225396744px 0 #aaa,7.0003571337px 7.0003571337px 0 #aaa,7.7781745931px 7.7781745931px 0 #aaa}.header--pushDown:hover{transform:translate(9px,9px);text-shadow:1.5px 1.5px 0 #cac6c5,-1.5px -1.5px 0 #cac6c5,-1.5px -1.5px 0 #cac6c5,-1.5px 1.5px 0 #cac6c5,1.5px -1.5px 0 #cac6c5}.header--raiseUp:hover{transform:translate(-9px,-9px);text-shadow:1.5px 1.5px 0 #333,0 1.5px 0 #333,-1.5px -1.5px 0 #333,-1.5px -1.5px 0 #333,-1.5px 1.5px 0 #333,1.5px -1.5px 0 #333,.7778174593px .7778174593px 0 #aaa,1.5556349186px 1.5556349186px 0 #aaa,2.3334523779px 2.3334523779px 0 #aaa,3.1112698372px 3.1112698372px 0 #aaa,3.8890872965px 3.8890872965px 0 #aaa,4.6669047558px 4.6669047558px 0 #aaa,5.4447222151px 5.4447222151px 0 #aaa,6.2225396744px 6.2225396744px 0 #aaa,7.0003571337px 7.0003571337px 0 #aaa,7.7781745931px 7.7781745931px 0 #aaa}.header--shadow:hover{transform:translate(5px)}.header--shadow.header--raiseUp:hover{transform:translate(-5px)}.color-bright .header{color:#88d5bf;text-shadow:1.5px 1.5px 0 #005,-1.5px -1.5px 0 #005,-1.5px -1.5px 0 #005,-1.5px 1.5px 0 #005,1.5px -1.5px 0 #005}.color-bright .header--pushDown{text-shadow:1.5px 1.5px 0 #fff,0 1.5px 0 #fff,-1.5px -1.5px 0 #fff,-1.5px -1.5px 0 #fff,-1.5px 1.5px 0 #fff,1.5px -1.5px 0 #fff,.7778174593px .7778174593px 0 #88d5bf,1.5556349186px 1.5556349186px 0 #88d5bf,2.3334523779px 2.3334523779px 0 #88d5bf,3.1112698372px 3.1112698372px 0 #88d5bf,3.8890872965px 3.8890872965px 0 #88d5bf,4.6669047558px 4.6669047558px 0 #88d5bf,5.4447222151px 5.4447222151px 0 #88d5bf,6.2225396744px 6.2225396744px 0 #88d5bf,7.0003571337px 7.0003571337px 0 #88d5bf,7.7781745931px 7.7781745931px 0 #88d5bf}.color-bright .header--pushDown:hover{text-shadow:1.5px 1.5px 0 #005,-1.5px -1.5px 0 #005,-1.5px -1.5px 0 #005,-1.5px 1.5px 0 #005,1.5px -1.5px 0 #005}.color-bright .header--raiseUp:hover{text-shadow:1.5px 1.5px 0 #fff,0 1.5px 0 #fff,-1.5px -1.5px 0 #fff,-1.5px -1.5px 0 #fff,-1.5px 1.5px 0 #fff,1.5px -1.5px 0 #fff,.7778174593px .7778174593px 0 #88d5bf,1.5556349186px 1.5556349186px 0 #88d5bf,2.3334523779px 2.3334523779px 0 #88d5bf,3.1112698372px 3.1112698372px 0 #88d5bf,3.8890872965px 3.8890872965px 0 #88d5bf,4.6669047558px 4.6669047558px 0 #88d5bf,5.4447222151px 5.4447222151px 0 #88d5bf,6.2225396744px 6.2225396744px 0 #88d5bf,7.0003571337px 7.0003571337px 0 #88d5bf,7.7781745931px 7.7781745931px 0 #88d5bf}svg{margin:0 auto}.header--svg stop,.header--svg text{transition:all .35s ease-in-out}.header--svg text{text-transform:uppercase;fill:url(#striped);text-shadow:1.5px 1.5px 0 #cac6c5,-1.5px -1.5px 0 #cac6c5,-1.5px -1.5px 0 #cac6c5,-1.5px 1.5px 0 #cac6c5,1.5px -1.5px 0 #cac6c5}.header--svg:hover text{text-shadow:1.5px 1.5px 0 #333,0 1.5px 0 #333,-1.5px -1.5px 0 #333,-1.5px -1.5px 0 #333,-1.5px 1.5px 0 #333,1.5px -1.5px 0 #333,.7778174593px .7778174593px 0 #aaa,1.5556349186px 1.5556349186px 0 #aaa,2.3334523779px 2.3334523779px 0 #aaa,3.1112698372px 3.1112698372px 0 #aaa,3.8890872965px 3.8890872965px 0 #aaa,4.6669047558px 4.6669047558px 0 #aaa,5.4447222151px 5.4447222151px 0 #aaa,6.2225396744px 6.2225396744px 0 #aaa,7.0003571337px 7.0003571337px 0 #aaa,7.7781745931px 7.7781745931px 0 #aaa}.header--svg stop{stop-color:#e7e7e7}.header--svg:hover stop{stop-color:#fff}.header--svg:hover stop:nth-child(2),.header--svg:hover stop:nth-child(3){stop-color:#005}.color-bright .header--svg text{fill:url(#stripedColor);text-shadow:1.5px 1.5px 0 #005,-1.5px -1.5px 0 #005,-1.5px -1.5px 0 #005,-1.5px 1.5px 0 #005,1.5px -1.5px 0 #005}.color-bright .header--svg:hover text{text-shadow:1.5px 1.5px 0 #fff,0 1.5px 0 #fff,-1.5px -1.5px 0 #fff,-1.5px -1.5px 0 #fff,-1.5px 1.5px 0 #fff,1.5px -1.5px 0 #fff,.7778174593px .7778174593px 0 #88d5bf,1.5556349186px 1.5556349186px 0 #88d5bf,2.3334523779px 2.3334523779px 0 #88d5bf,3.1112698372px 3.1112698372px 0 #88d5bf,3.8890872965px 3.8890872965px 0 #88d5bf,4.6669047558px 4.6669047558px 0 #88d5bf,5.4447222151px 5.4447222151px 0 #88d5bf,6.2225396744px 6.2225396744px 0 #88d5bf,7.0003571337px 7.0003571337px 0 #88d5bf,7.7781745931px 7.7781745931px 0 #88d5bf}.color-bright stop{stop-color:#88d5bf}.color-bright .header--svg:hover stop:nth-child(2),.color-bright .header--svg:hover stop:nth-child(3){stop-color:#ed5751}p,td,th{font-family:PingFangHK,Helvetica,Arial,sans-serif;font-size:14px;line-height:24px;padding:8px}@font-face{font-family:HelveticaNeue-CondensedBlack;src:url(https://candyfonts.com/wp-data/2019/04/06/51368/HelveticaNeueCondensedBlack.ttf) format("woff"),url(https://candyfonts.com/wp-data/2019/04/06/51368/HelveticaNeueCondensedBlack.ttf) format("opentype"),url(https://candyfonts.com/wp-data/2019/04/06/51368/HelveticaNeueCondensedBlack.ttf) format("truetype")}article,p,td,th{margin:0 auto}header{width:100%;background-color:transparent;box-sizing:border-box}header,img.logo{text-align:center}img.logo{padding:0}h1{margin-top:0!important}th{text-align:left}td{padding:1px}td[rowspan]{vertical-align:top}td:empty:after{content:" "}section{margin:0 auto}.container{width:100%;height:100%}.container-panel{width:100%}#container-email{width:600px;font-size:14px;padding:50px 30px;margin:0 auto!important;background-color:#fff;box-shadow:0 1px 41px rgba(0,0,0,.01),0 1px 15px rgba(0,0,0,.1);border-radius:2px}#container-pdf{width:calc(100% - 120px);font-size:16px;padding:0 60px;margin-top:50px;margin:0 auto!important;background-color:#fff}span{font-size:inherit}.tr{display:table;width:100%}#title-pdf{height:60px}#hr-pdf{height:180px}#width-email,#width-pdf{width:130px}.fee-pdf{padding-left:8%;font-weight:400}.fee-email,.fee-pdf{border-bottom:1px solid gray;word-break:break-word}.fee-email{padding-left:2%;width:60%}.table-pdf{font-size:14px}.table-email{font-size:12px}.div-inline{display:inline;width:25%;float:left}.button-r{padding:3px 10px 5px;border:1px solid #d8d8d7;border-radius:4px;background:#fff;float:left;font-size:9px}.fontHk{font-family:DFYuanMedium-B5}.big_div{margin:0 auto;clear:both;height:auto;padding:32px 0 0;font-size:14px;line-height:18px}.small1,.small2,.small3{margin:0;padding:0;display:inline-block;_display:inline;*display:inline}.p1{display:none}table,tbody,td,tfoot,th,thead,tr{page-break-inside:avoid!important}#leftSide,#rightSide{padding-bottom:9999px;margin-bottom:-9995px}#leftSide{width:55%;float:left}#rightSide{width:40%;float:right}.table-header{margin:0 auto;background-color:#f9f9f9;padding:2px 2px 0;top:16px}.table .image{display:-webkit-box;margin:0 16px;padding:8 0;height:80px}.table-container{background:#f1f1f2;font-family:Helvetica}.table-row{background:#fff;border-style:#fff}.table-row.no-display{border:none}.td-main-container{width:100%;text-align:center}.td-container.td-space{text-align:center;display:-webkit-inline-box;padding-top:76px}.td-spacer{height:32px}.default-text{padding-left:5px;font-size:42px;font-family:Helvetica Neue;font-weight:700;line-height:36px}.secondary-text{font-size:36px;font-family:DFYuanMedium-B5;line-height:38px}.tbody{background-color:#fff}.footer-instagram-icon{vertical-align:middle;background:#e10980;border-radius:8px}.footer-facebook-icon{vertical-align:middle;background-color:#3b5998;border-radius:8px}.table-footer,.table-footer .tbody{padding:25px;margin:0 auto}.td-primary-text{padding-left:5px;font-size:14px;font-family:Helvetica;line-height:20px}.th-secondary-text{font-size:16px;font-family:DFYuanMedium-B5;line-height:18px}.th-primary-text{padding-left:5px;font-size:16px;font-family:Helvetica Neue;font-weight:700;line-height:20px}.td-secondary-text{font-size:12px;font-family:DFYuanMedium-B5;line-height:18px}.table-pdf.rightside{width:100%;min-height:150px}.long-td{width:25%}.long-td,.short-td{padding:1% 0;text-align:center}.short-td{width:12%}.longest-td{width:25%}.longest-td .content{padding:5px 0 5px 20px}.leftside .table{width:100%;background:#f1f1f2;min-height:180px;font-size:12px;padding:5%;font-family:DFYuanMedium-B5}.td-container{text-align:center;display:-webkit-inline-box}:root{----background:#005;--primary:#88d5bf;--secondary:#5d6bf8;--third:#e27fcb}.shape{background:linear-gradient(45deg,var(--primary) 0,var(--secondary) 100%);-webkit-animation:morph 8s ease-in-out infinite;animation:morph 8s ease-in-out infinite;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:200px;transition:all 1s ease-in-out;width:200px;z-index:5}@-webkit-keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background:linear-gradient(45deg,var(--primary) 0,var(--secondary) 100%)}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%;background:linear-gradient(45deg,var(--third) 0,var(--secondary) 100%)}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background:linear-gradient(45deg,var(--primary) 0,var(--secondary) 100%)}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background:linear-gradient(45deg,var(--primary) 0,var(--secondary) 100%)}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%;background:linear-gradient(45deg,var(--third) 0,var(--secondary) 100%)}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background:linear-gradient(45deg,var(--primary) 0,var(--secondary) 100%)}}.filter{position:relative;max-width:355px;width:100%;border-radius:25px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.2);z-index:3;overflow:hidden}.filter-option .tags{display:flex}.filter-option .tags .tag{height:25px;background:#0071c7;border-radius:30%;padding:4px;margin:8px;cursor:pointer;transition:all .4s ease}.filter-option .tags .tag.active{box-shadow:0 0 0 2px #fff,0 0 0 4px #0071c7}.project{padding:80px 0;position:relative;background-color:#000}.project h2{font-size:45px;font-weight:700;text-align:center}.project p{color:#b8b8b8;font-size:18px;letter-spacing:.8px;line-height:1.5em;margin:14px auto 30px;text-align:center;width:56%}.project .nav.nav-pills{width:72%;margin:0 auto;border-radius:50px;background-color:rgba(255,255,255,.1);overflow:hidden}.project .nav.nav-pills .nav-item{width:33.33333%}.project .nav.nav-pills .nav-link{background-color:transparent;border-radius:0;padding:17px 0;color:#fff;width:100%;font-size:17px;letter-spacing:.8px;font-weight:500;position:relative;transition:.3s ease-in-out;text-align:center;z-index:0}.project .nav.nav-pills .nav-link:before{content:"";position:absolute;width:0;height:100%;background:linear-gradient(90.21deg,#14ffff -5.91%,#4a2fbd 111.58%);top:0;left:0;z-index:-1;transition:.3s ease-in-out}.project .nav.nav-pills .nav-link.active:before{width:100%!important}.project .nav.nav-pills .nav-link.active{border:1px solid #fff}.nav-link#projects-tabs-tab-first{border:1px solid rgba(255,255,255,.5);border-radius:55px 0 0 55px}.nav-link#projects-tabs-tab-second{border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5)}.nav-link#projects-tabs-tab-third{border:1px solid rgba(255,255,255,.5);border-radius:0 55px 55px 0}.proj-imgbx{position:relative;overflow:hidden}.proj-imgbx:before{content:"";background:linear-gradient(90.21deg,#14ffff -5.91%,#4a2fbd 111.58%);opacity:.85;position:absolute;width:100%;height:0;transition:.4s ease-in-out}.proj-imgbx:hover:before{height:100%}.proj-txtx{position:absolute;text-align:center;top:65%;left:50%;transform:translate(-50%,-50%);transition:.5s ease-in-out;opacity:0;width:100%}.proj-imgbx:hover .proj-txtx{top:50%;opacity:1}.proj-txtx h4{font-size:30px;font-weight:700;letter-spacing:.8px;line-height:1.1em}.proj-txtx span{font-style:italic;font-weight:400;font-size:15px;letter-spacing:.8px}.background-image-right{top:20%;position:absolute;bottom:0;width:35%;right:0;z-index:-4}.app__flex{display:flex;justify-content:center;align-items:center}.app__wrapper{flex:1 1;width:100%;flex-direction:column;padding:4rem 2rem}@media screen and (max-width:450px){.app__wrapper{padding:4rem 1rem 2rem}}.copyright{width:100%;padding:2rem 0 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.copyright p{text-transform:uppercase;color:var(--black-color)}.app__skills{width:100%}.app__skills-container{margin-top:3rem}@media screen and (max-width:900px){.app__skills-container{width:100%}}.app__skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-column-gap:1rem;grid-row-gap:2rem}@media screen and (max-width:900px){.app__skills-list{justify-content:center;align-items:center}}.app__skills-item{flex-direction:column;text-align:center;margin:1rem;transition:all .3s ease-in-out}.app__skills-item div{width:90px;height:90px;border-radius:50%;background-color:#fef4f5}.app__skills-item div img{width:50%;height:50%}.app__skills-item div:hover{box-shadow:0 0 25px #fef4f5}@media screen and (min-width:2000px){.app__skills-item div{width:150px;height:150px}}@media screen and (max-width:450px){.app__skills-item div{width:70px;height:70px}}.app__skills-item p{font-weight:500;margin-top:.5rem}@media screen and (min-width:2000px){.app__skills-item{margin:1rem 2rem}.app__skills-item p{margin-top:1rem}}.tag:first-letter{text-transform:uppercase}.experience-txtx{padding:8px;position:absolute;text-align:center;top:20%;transition:.5s ease-in-out;width:100%}