*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in}:root{--text:#444;--prime:#19adaf;--second:#1eba7e;--body-bg:#f3fffa;font-size:24px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0;background:var(--second)}::-webkit-scrollbar-thumb{background:#fff;background:var(--body-bg);opacity:.8}body{margin:0;padding:0;font-family:Roboto,sans-serif;background:#f5f5f5;background:var(--body-bg);color:#444;color:var(--text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:url(../images/arrow.png),default}a{color:inherit;text-decoration:none;cursor:url(../images/pointer.png),pointer}a:hover{text-decoration:none}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.ripple{position:fixed;pointer-events:none;width:0;height:0;border-radius:50%;color:var(--prime);border:10px solid;z-index:10000;left:0;top:0;background:#0000;-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:0;visibility:hidden;-webkit-transition:0s;-o-transition:0s;transition:0s}.ripple.show{-webkit-animation:rippleAnimation .3s ease-in-out;animation:rippleAnimation .3s ease-in-out;visibility:visible}@-webkit-keyframes rippleAnimation{0%{width:8px;height:8px;border-width:4px;opacity:.5}100%{width:64px;height:64px;border-width:0;opacity:0}}@keyframes rippleAnimation{0%{width:8px;height:8px;border-width:4px;opacity:.5}100%{width:64px;height:64px;border-width:0;opacity:0}}#header{position:fixed;left:0;top:0;width:100%;padding:15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:500;background:rgba(0,0,0,0);-webkit-transition:.2s linear;-o-transition:.2s linear;transition:.2s linear}#header.fill{background:#fff;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.05);box-shadow:0 5px 10px rgba(0,0,0,.05)}#header.fill .brand{color:#333;color:var(--prime)}#header.fill nav a{color:#555;color:var(--second)}#header .brand{color:#fff;display:inline-block;font-size:26px;font-weight:700}#header nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#header nav a{margin:-15px 5px;padding:0 15px;height:61px;line-height:61px;font-weight:500;font-size:18px;color:#fff;position:relative}#header nav a.active{background:var(--prime);color:#fff}.menu-toggle{display:none}.banner{overflow:hidden;height:400px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#19adaf;background:var(--prime);background:-webkit-linear-gradient(305deg,#19adaf 0,#1eba7e 100%);background:-o-linear-gradient(305deg,#19adaf 0,#1eba7e 100%);background:linear-gradient(145deg,#19adaf 0,#1eba7e 100%);background:-webkit-linear-gradient(305deg,var(--prime) 0,var(--second) 100%);background:-o-linear-gradient(305deg,var(--prime) 0,var(--second) 100%);background:linear-gradient(145deg,var(--prime) 0,var(--second) 100%)}.banner .banner-wrapper{width:4350px;padding-top:20px;position:relative;opacity:0;-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear;-webkit-animation-duration:60s;animation-duration:60s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:move;animation-name:move;-webkit-animation-timing-function:linear;animation-timing-function:linear}.scl{border-radius:50%;width:64px;height:64px;margin:3vw 10vw;display:inline-block;background:#fff url(../images/sprite.png) no-repeat;-webkit-box-shadow:0 10px 15px 4px rgba(0,0,0,.15);box-shadow:0 10px 15px 4px rgba(0,0,0,.15);position:relative;-webkit-animation:5s vmove infinite alternate;animation:5s vmove infinite alternate}.scl:nth-child(2n+2){-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);margin:4vw 8vw;-webkit-animation-duration:20s;animation-duration:20s}.scl:nth-child(2n+4){-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);margin:2vw 3vw;-webkit-animation-duration:10s;animation-duration:10s}.scl:nth-child(2n+5){-webkit-animation-duration:3s;animation-duration:3s}.scl:nth-child(3n+5){-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);margin:4vw;-webkit-animation-duration:7s;animation-duration:7s}.ai{background-position:-40px -40px}.ng{background-position:-114px -40px}.android{background-position:-188px -40px}.coffe{background-position:-262px -40px}.enyo{background-position:-336px -40px}.react{background-position:-410px -40px}.js{background-position:-558px -40px}.node{background-position:-632px -40px}.opera{background-position:-706px -40px}.pug{background-position:-780px -40px}.cordova{background-position:-854px -40px}.ts{background-position:-928px -40px}.bb{background-position:-188px -114px}.ios{background-position:-262px -114px}.css{background-position:-336px -114px}.hb{background-position:-410px -114px}.in{background-position:-484px -114px}.less{background-position:-558px -114px}.safari{background-position:-632px -114px}.grunt{background-position:-706px -114px}.pcss{background-position:-780px -114px}.ws{background-position:-854px -114px}.ff{background-position:-928px -114px}.bower{background-position:-40px -188px}.bs{background-position:-114px -188px}.cp{background-position:-188px -188px}.fa{background-position:-336px -188px}.html{background-position:-410px -188px}.jm{background-position:-484px -188px}.st{background-position:-558px -188px}.sass{background-position:-706px -188px}.mi{background-position:-780px -188px}.yom{background-position:-854px -188px}.ac{background-position:-40px -262px}.ws{background-position:-114px -262px}.edge{background-position:-188px -262px}.ff{background-position:-262px -262px}.fs{background-position:-336px -262px}.git{background-position:-410px -262px}.ionic{background-position:-484px -262px}.md{background-position:-558px -262px}.php{background-position:-632px -262px}.ps{background-position:-706px -262px}.wos{background-position:-854px -262px}@-webkit-keyframes vmove{0%{top:-20px}100%{top:20px}}@keyframes vmove{0%{top:-20px}100%{top:20px}}@-webkit-keyframes move{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-70%);transform:translateX(-70%);opacity:1}}@keyframes move{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-70%);transform:translateX(-70%);opacity:1}}#aboutMe{margin-bottom:30px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255,255,255,.5);padding-bottom:30px}.describe{margin-top:-100px;position:relative;padding:0 15px}.avatar{width:200px;height:200px;border-radius:50%;border:5px solid #fff;overflow:hidden;margin:auto;z-index:50;-webkit-box-shadow:0 10px 10px rgba(0,0,0,.15);box-shadow:0 10px 10px rgba(0,0,0,.15);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.avatar img{width:100%;height:auto}.text-container{margin:15px auto 0;max-width:740px;padding:20px;position:relative;background:#fff;border-radius:4px;-webkit-box-shadow:0 10px 10px rgba(0,0,0,.15);box-shadow:0 10px 10px rgba(0,0,0,.15);font-size:22px;color:#222;line-height:32px}.text-container:after{content:'';position:absolute;border:10px solid transparent;border-bottom:10px solid #fff;left:50%;bottom:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#portfolio{color:#fff;background:var(--body-bg)}#portfolio section{padding:20px;min-height:100vh}.section-title{color:var(--prime);text-align:center;font-size:2rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flex-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -10px}.grid{-webkit-box-flex:0;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%;padding:15px}.card{border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1),0 0 20px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.1),0 0 20px rgba(0,0,0,.2);display:block;color:#444;background:#fff;overflow:hidden}.card::after{content:'';position:absolute;left:0;bottom:0;border-radius:50%;width:10px;height:10px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0;-webkit-transition:.4s ease-in;-o-transition:.4s ease-in;transition:.4s ease-in;background:var(--second);z-index:1}.card *{-webkit-transition:none;-o-transition:none;transition:none}.card:hover{color:#333;-webkit-box-shadow:0 10px 12px rgba(0,0,0,.15);box-shadow:0 10px 12px rgba(0,0,0,.15);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}.card:hover::after{-webkit-transform:scale(150);-ms-transform:scale(150);transform:scale(150);opacity:.1}.card .preview-card{padding-top:56.25%;position:relative}.card .card-media{border-radius:8px 8px 0 0;padding-top:60%;margin:0;background-color:#eee;background-size:cover;background-position:center;margin:0;position:relative;z-index:2}.card .iframe{width:calc(200% + 5px);height:calc(200% + 5px);border:0;position:absolute;top:-2px;left:-2px;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.card .card-body{padding:20px;position:relative;z-index:3}.card .title{margin:0 0 10px;font-size:20px;line-height:1;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.card article{font-size:14px}@font-face{font-family:icomoon;src:url(../fonts/icomoon.eot?v8tpr3);src:url(../fonts/icomoon.eot?v8tpr3#iefix) format("embedded-opentype"),url(../fonts/icomoon.ttf?v8tpr3) format("truetype"),url(../fonts/icomoon.woff?v8tpr3) format("woff"),url(../fonts/icomoon.svg?v8tpr3#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-codepen:before{content:"\e900"}.icon-facebook:before{content:"\e901"}.icon-github:before{content:"\e902"}.icon-gmail:before{content:"\e903"}.icon-instagram:before{content:"\e904"}.icon-linkedin:before{content:"\e907"}.icon-twitter:before{content:"\e905"}.icon-youtube:before{content:"\e906"}#findMe{position:relative;background:var(--prime);overflow:hidden;-webkit-transition:0s;-o-transition:0s;transition:0s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:20px 0;text-align:center}#findMe .section-title{color:#fff}.icon{display:inline-block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:20;cursor:url(../images/pointer.png),pointer;font-size:36px;margin:30px;color:#fff}.icon:hover.icon-codepen:before{color:#000}.icon:hover.icon-facebook:before{color:#1877f2}.icon:hover.icon-github:before{color:#000}.icon:hover.icon-gmail:before{color:#d14836}.icon:hover.icon-instagram:before{color:#e4405f}.icon:hover.icon-linkedin:before{color:#0077b5}.icon:hover.icon-twitter:before{color:#1da1f2}.icon:hover.icon-youtube:before{color:red}@media (min-width:1025px){#findMe{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100vh}#findMe .section-title{left:0;width:100%;top:20px;position:absolute;z-index:200;-webkit-filter:drop-shadow(0 0 1px var(--prime));filter:drop-shadow(0 0 1px var(--prime))}.icon{margin:0 3vw;font-size:5vw}.icon:before{color:var(--prime);-webkit-transition:0s;-o-transition:0s;transition:0s}.pointer{width:12vw;height:12vw;background:#fff;z-index:10;position:absolute;left:0;top:0;border-radius:50%;opacity:0;-webkit-transition:0s;-o-transition:0s;transition:0s;color:var(--prime);cursor:none;-webkit-filter:blur(6px);filter:blur(6px)}}@media (min-width:1400px){:root{font-size:36px}}@media (max-width:1024px){:root{font-size:18px}}@media (max-width:1023px){#header{background:#fff;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.05);box-shadow:0 5px 10px rgba(0,0,0,.05);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}#header .brand{color:#333;color:var(--prime)}#header nav{position:fixed;width:100%;max-width:320px;height:calc(100% - 62px);top:62px;left:0;-webkit-transform:translateX(-110%);-ms-transform:translateX(-110%);transform:translateX(-110%);background:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:left;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow-y:auto}#header nav a{color:#555;color:var(--second);display:block;width:100%;margin:0}#header.open nav{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#header.open .menu-toggle::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#header.open .menu-toggle::before{height:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-bottom:2px solid transparent}.menu-toggle{display:inline-block;position:relative;width:32px;height:32px;margin-right:15px;background:0 0;border:none;color:#333;color:var(--prime);outline:0}.menu-toggle::after{content:'';position:absolute;width:100%;height:2px;background:currentColor;left:0;top:8px;-webkit-transform-origin:75% 100%;-ms-transform-origin:75% 100%;transform-origin:75% 100%}.menu-toggle::before{content:'';height:10px;border-bottom:2px solid;border-top:2px solid;position:absolute;width:100%;left:0;top:16px;-webkit-transform-origin:60% 50%;-ms-transform-origin:60% 50%;transform-origin:60% 50%}.banner{height:300px}}@media (max-width:768px){.grid{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (max-width:640px){:root{font-size:14px}.banner .banner-wrapper{padding-top:100px}.grid{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}