*{cursor:url(../img/icons/blue.cur),auto!important}.arr,.arrow,.close,.filter,.hamburger,.page-link,input[type=email],input[type=text],textarea{cursor:url(../img/icons/pink.cur),auto!important}.button,.button2,.close img,.exlink,.fa,.icon,.mdi-arrow-right,.work-arrow{cursor:url(../img/icons/red.cur),auto!important}.work-arrow{margin-right:6px}.arrow{display:flex;align-items:center;justify-content:center}.arrow:hover{background-color:#e31b6d}#blog{background-color:#f5f5f5}.hamburger{margin-top:15px}.first2icons{margin-top:1.1vh}.fa{display:flex;align-items:center;justify-content:center}@font-face{font-family:Raleway;src:url(../fonts/Raleway-Regular.ttf);font-display:swap}@font-face{font-family:Raleway-semibold;src:url(../fonts/Raleway-SemiBold.ttf);font-display:swap}@font-face{font-family:Raleway-bold;src:url(../fonts/Raleway-Bold.ttf);font-display:swap}@keyframes fadeIn{to{opacity:1}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(5deg)}to{opacity:1;-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes popDown{0%{transform:translateY(-100px)}}@keyframes slideUp{0%{transform:translateY(300px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-300px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-300px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(300px)}to{opacity:1;transform:translateX(0)}}@keyframes toBottomFromTop{49%{transform:translateY(100%)}50%{opacity:0;transform:translateY(-100%)}51%{opacity:1}}@keyframes popIn{0%{transform:scale(0)}60%{opacity:1;transform:scale(1.05)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}a{color:inherit;text-decoration:none}body{color:#fff;font-family:Raleway;font-size:8pt;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden;text-align:center}#preload{display:none}.page-link{cursor:pointer}.disable-hover{pointer-events:none}.overflow-wrap{overflow-x:hidden}.canvas{height:100%;left:0;position:absolute;top:0;width:100vw}.button,.button2{border:2px solid #fff;box-sizing:inherit;cursor:pointer;display:inline-block;font-size:13pt;padding:10px 20px;transition:all .5s}.button2:hover,.button:hover{background-color:#04c2c9;border-color:#04c2c9}.button .mdi,.button2 .mdi{vertical-align:middle}.bold{font-family:Raleway-bold}.flex{align-items:center;display:flex;flex-direction:column;justify-content:center}.flex.row{flex-direction:row}.flex.wrap{flex-wrap:wrap}.hex-wrap{height:80px;position:relative;text-align:center;width:80px}.hex-wrap,.hexagon{display:inline-block}.hexagon{background-color:#04c2c9;height:100%;width:57.735%}.hexagon:before{transform:rotate(60deg)}.hexagon:after,.hexagon:before{background-color:inherit;content:"";height:inherit;position:absolute;right:21.1325%;top:0;width:inherit}.hexagon:after{transform:rotate(-60deg)}.highlight{color:#e31b6d}.header{color:#444649;font-family:raleway-bold;font-size:25pt;position:relative}.header-bar{background:#444649;height:4px;margin:25px 0 75px;width:70px}.label{font-size:14pt;font-weight:500}.resume{background:#455261;height:100px}nav{bottom:0;left:0;position:absolute;background:#1b242f;border-bottom:3px solid #04c2c9;height:50px;text-align:left;width:100%;z-index:99}nav.fixed{bottom:inherit;left:0;position:fixed;top:0}nav.fixed.desk{animation:popDown .5s}nav .link-wrap{background:#333;height:0;max-width:1200px;overflow:hidden;position:absolute;top:53px;transition:height .3s ease-out;width:100%}nav .link-wrap.visible{height:220px}nav .link-wrap div{cursor:pointer;font-size:12pt;padding:12px 20px;text-transform:uppercase;transition:color .5s}nav .link-wrap div:first-child{padding:25px 20px 12px}nav .link-wrap div:hover{color:#e31b6d}nav .mdi-menu{font-size:30pt;line-height:36pt;margin:auto 0;position:absolute;right:5vw;top:0}nav .active{color:#e31b6d}.carousel-wrap{height:250px;margin:0 auto;position:relative}.window{background:#222;overflow:hidden;position:relative}#carousel{position:relative;top:0;width:10000px}.slide{cursor:pointer;display:flex;flex-direction:column;float:left;height:250px;justify-content:center}.mdi-chevron-left,.mdi-chevron-right{background:rgba(0,0,0,.3);bottom:0;color:#fff;cursor:pointer;font-size:14pt!important;font-weight:700;padding:10px 15px;position:absolute}.mdi-chevron-left{left:0}.mdi-chevron-right{right:0}.transition{transition:.7s}.modal-wrap{height:100vh;pointer-events:none;position:fixed;width:100vw;z-index:100}.modal-wrap .mask{background:rgba(0,0,0,.5);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.modal-wrap .modal{align-items:flex-start;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.4);box-sizing:border-box;color:#333;height:100vh;opacity:0;position:relative;text-align:left;transform:scale(.8);transition:all .3s}.modal-wrap .close{bottom:25px;color:#bbb;cursor:pointer;font-size:20pt;font-weight:800;position:absolute;right:10px}.modal-wrap .info-box{position:absolute;bottom:0;border-top:3px solid #1b242f;box-sizing:border-box;color:#444;padding:15px 10px 85px}.modal-wrap .title{font-family:Raleway-bold;font-size:16pt;line-height:20pt}.modal-wrap .tag{border-bottom:1px solid rgba(0,0,0,.1);color:silver;display:block;font-family:Raleway-bold;font-size:8pt;font-weight:300;padding-bottom:15px}.modal-wrap .detail{font-size:9pt;line-height:14pt;margin-top:13px}.modal-wrap .mdi-open-in-new{font-size:11pt;left:-10px;position:relative}.modal-wrap .button{left:10px}.modal-wrap .button,.modal-wrap .button2{background:#e31b6d;border:0;bottom:20px;color:#fff;cursor:pointer;font-size:10pt;font-weight:600;padding:11px 30px;pointer-events:none;position:absolute;transition:all .5s;visibility:hidden}.modal-wrap .button2{left:175px}.modal-wrap .button.visible,.modal-wrap .button2.visible{pointer-events:auto;visibility:visible}.modal-wrap .button2:hover,.modal-wrap .button:hover{transform:scale(1.05);background:#d41d69;color:#fff;border:1px solid #262f38}.modal-wrap .carousel{box-shadow:10px 10px 5px 0 rgba(0,0,0,.25)}.modal-wrap.visible{pointer-events:auto}.modal-wrap.visible .modal{opacity:1;transform:scale(1)}.modal-wrap.visible .mask{opacity:1}section{color:#616161;line-height:11pt;padding:70px 0;position:relative}section .container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 10px;width:100%}section:first-of-type{color:#fff;height:calc(100vh + 53px);padding:0 10px}section:first-of-type .highlight{font-family:Raleway-semibold}section:first-of-type .text{font-size:16pt;line-height:20pt;margin:0 0 20px;pointer-events:none;z-index:1}section:first-of-type .hexagon{transition:transform .9s ease-in-out}section:first-of-type .hexagon:hover{transform:rotate(540deg)}section:first-of-type .button{margin-bottom:53px;padding:12px 40px 12px 15px;position:relative}section:first-of-type .button .mdi,section:first-of-type .button2 .mdi{position:absolute;right:15px;top:11px;transition:transform .3s}section:first-of-type .button2:hover .mdi,section:first-of-type .button:hover .mdi{transform:rotate(90deg)}section:nth-of-type(2) .label-wrap .label{margin:20px 0 10px}section:nth-of-type(2) .bullet-wrap{height:200px;justify-content:flex-start;padding:0 7px}section:nth-of-type(2) .highlight{color:#009ada}section:nth-of-type(2) .up-arrow{height:30px;margin:15px 0}section:nth-of-type(2) .skills-wrapper{align-items:flex-start;width:100%}section:nth-of-type(2) .skills-wrapper .me{height:200px}section:nth-of-type(2) .skills-wrapper .label{margin:20px 0 15px}section:nth-of-type(2) .hexagon i{color:#fff;font-size:34pt;left:0;position:absolute;right:0;top:20px;z-index:1}section:nth-of-type(2) .bars-wrap{margin:50px auto 0;max-width:90%;width:calc(100% - 15px)}section:nth-of-type(2) .bars-wrap:not(.animated) .fill{width:0!important}section:nth-of-type(2) .bar{align-items:flex-end;background-color:#eee;color:#666;font-size:7pt;height:22px;margin:0 0 12px;position:relative}section:nth-of-type(2) .bar:first-child .fill{transition:width 1.1s ease-in-out .2s}section:nth-of-type(2) .bar:nth-child(2) .fill{transition:width 1.2s ease-in-out .2s}section:nth-of-type(2) .bar:nth-child(3) .fill{transition:width 1.3s ease-in-out .2s}section:nth-of-type(2) .bar:nth-child(4) .fill{transition:width 1.4s ease-in-out .2s}section:nth-of-type(2) .bar:nth-child(5) .fill{transition:width 1.5s ease-in-out .2s}section:nth-of-type(2) .bar:nth-child(6) .fill{transition:width 1.6s ease-in-out .2s}section:nth-of-type(2) .bar:nth-child(7) .fill{transition:width 1.7s ease-in-out .2s}section:nth-of-type(2) .bar:nth-child(8) .fill{transition:width 1.8s ease-in-out .2s}section:nth-of-type(2) .bar:nth-child(9) .fill{transition:width 1.9s ease-in-out .2s}section:nth-of-type(2) .bar:nth-child(10) .fill{transition:width 2s ease-in-out .2s}section:nth-of-type(2) .bar span{display:none}section:nth-of-type(2) .bar.fill{left:0;position:absolute;top:0;background-color:#00a1a7;opacity:1;padding:0}section:nth-of-type(2) .bar .tag{left:0;position:absolute;top:0;background-color:#04c2c9;color:#fff;height:100%;width:110px;width:70px}section:nth-of-type(2) .bar.secondary{background-color:#c51675}section:nth-of-type(2) .bar.secondary .tag{background-color:#e31b6d}section:nth-of-type(2) .bar span{padding:0 15px 0 0;z-index:1}section:nth-of-type(3){background:#f5f5f5}section:nth-of-type(3) .container{padding:0}section:nth-of-type(3) .filter-wrap{position:relative;white-space:nowrap}section:nth-of-type(3) .filter{cursor:pointer;font-size:6pt;font-weight:600;padding:0 20px;transition:background-color .5s}section:nth-of-type(3) .float-bar{bottom:0;left:30px;top:0;background:#e31b6d;border-radius:1px;height:25px;margin:auto 0;overflow:hidden;position:absolute;transition:all .5s ease-in-out}section:nth-of-type(3) .float-bar .row{bottom:0;left:-30px;position:absolute;top:0;margin:auto 0;transition:left .5s ease-in-out}section:nth-of-type(3) .float-bar .row .filter{color:#fff}section:nth-of-type(3) .text{left:0;position:absolute;top:0;width:100%}section:nth-of-type(3) #gallery{margin:20px 0}section:nth-of-type(3) #gallery .button,section:nth-of-type(3) #gallery .text{color:#1b242f;opacity:0;text-align:center;transition:all .3s ease-in-out;z-index:2}section:nth-of-type(3) #gallery .button .bold,section:nth-of-type(3) #gallery .text .bold{font-size:16pt}section:nth-of-type(3) #gallery .button{bottom:0;left:0;position:absolute;right:0;border:2px solid #e31b6d;font-size:13pt;margin:0 auto;padding:7px 0;width:170px}section:nth-of-type(3) #gallery .mix{display:none;position:relative}section:nth-of-type(3) #gallery .mix .waypoint{background:#fff}section:nth-of-type(3) #gallery .mix .button:hover{background:#e31b6d;color:#fff}section:nth-of-type(3) #gallery .mix .card{height:240px;max-width:100%;transition:opacity .5s;width:calc(50vw - 8px)}section:nth-of-type(3) #gallery .mix:hover .card{opacity:0}section:nth-of-type(3) #gallery .mix:hover .text{cursor:default;opacity:1;top:24%}section:nth-of-type(3) #gallery .mix:hover .button{bottom:24%;opacity:1}section .flex-50-gt-sm{display:block}section:nth-of-type(4){padding:130px 0 100px;text-align:left}section:nth-of-type(4) .flex.row-gt-sm,section:nth-of-type(4) .flex.wrap{align-items:flex-start}section:nth-of-type(4) .gradient{height:100%;left:0;position:absolute;top:0;width:100%}section:nth-of-type(4) .label{font-size:12pt;line-height:14pt;transition:color .3s ease-in-out}section:nth-of-type(4) .thumb{height:150px;margin:0 0 15px}section:nth-of-type(4) .date{font-family:Open sans;font-size:7pt;margin:5px 0 0}section:nth-of-type(4) .bar{background:#04c2c9;height:3px;margin:10px 0;width:25%}section:nth-of-type(4) .text{font-size:9pt;line-height:13pt;max-height:85px}section:nth-of-type(5){background:#252934;color:#fff;padding-top:175px}section:nth-of-type(5) .header{color:#fff}section:nth-of-type(5) .header-bar{background:#fff;margin:25px 0 40px;width:110px}section:nth-of-type(5) .highlight{color:#04c2c9;font-weight:600}section:nth-of-type(5) svg{left:0;position:absolute;top:0}section:nth-of-type(5) form{margin:40px auto 0;min-width:95%}section:nth-of-type(5) input[type=email],section:nth-of-type(5) input[type=text],section:nth-of-type(5) textarea{background:#1e242c;border:0;box-sizing:border-box;color:#fff;display:block;font-size:12pt;margin-bottom:3px;outline:0;padding:10px 15px;width:100%}section:nth-of-type(5) textarea{margin-bottom:5px;min-height:150px}section:nth-of-type(5) .button{background:0 0;color:#fff;float:right;font-size:12pt;margin:5px 0 0;outline:0;padding:10px 30px}section:nth-of-type(5) .button:hover{background:#04c2c9}section:nth-of-type(5) #success{height:0;overflow:hidden;position:relative;transition:height .25s;width:100%}section:nth-of-type(5) #success.expand{height:36px}section:nth-of-type(5) #success div{background:#04c986;border:1px solid #157c59;color:#157051;font-size:10pt;font-weight:600;padding:5px 0}section:nth-of-type(5) #close{cursor:pointer;font-size:12pt;font-weight:600;padding:5px 15px;position:absolute;right:0}footer{background:#1b242f;padding:70px 0 50px;position:relative}footer .mdi-chevron-double-up{background:#e31b6d;cursor:pointer;font-size:30pt;height:50px;left:0;line-height:40pt;margin:0 auto;position:absolute;right:0;top:-25px;transition:background .5s;width:47px}footer .mdi-chevron-double-up:hover{background:#fb1f79}footer .icon-wrap .icon{background:#262f38;cursor:pointer;font-size:18pt;height:55px;margin:0 15px;overflow:hidden;position:relative;text-align:center;transition:background .3s,color .3s,box-shadow .3s,transform .3s;width:55px}footer .icon-wrap .mdi{color:#fff;text-align:center}footer .icon-wrap .mdi.mdi-codepen{font-size:20pt}footer .icon-wrap .icon:hover{background:#04c2c9;box-shadow:0 0 0 3px rgba(4,94,201,.1);transform:scale(.9)}footer .icon-wrap .icon:hover .mdi{color:#fff;-webkit-animation:toBottomFromTop .3s forwards;-moz-animation:toBottomFromTop .3s forwards;animation:toBottomFromTop .3s forwards}footer .footnote{color:#8f9aa7;font-size:10pt;margin-top:35px;opacity:.6}footer .footnote .highlight{color:#e31b6d;font-family:Open Sans}@media screen and (max-width:400px){section:nth-of-type(3) #gallery .mix .card{width:100vw}}@media screen and (max-width:598px){.upicons{width:50px;height:50px}}@media screen and (min-width:600px){body{font-size:12pt}.container{padding:0 20px}.header{font-size:30pt}.header-bar{margin:25px 0 100px}.label{font-size:18pt}.hex-wrap{height:100px;width:100px}.carousel-wrap,.slide{height:375px}.mdi-chevron-left,.mdi-chevron-right{font-size:25pt!important}.modal-wrap .modal{height:auto;max-height:614px;min-height:614px;margin:auto}.modal-wrap .info-box{max-height:264px;padding:10px 60px 90px 25px}.modal-wrap .title{font-size:22pt;line-height:30pt}.modal-wrap .tag{font-size:11pt}.modal-wrap .detail{font-size:11pt;line-height:18pt;margin-top:15px}.modal-wrap .close{right:25px}.modal-wrap .close:hover{transform:scale(1.2)}.modal-wrap .button{left:25px}nav .link-wrap{background:0 0;height:auto;overflow:visible;position:static;text-align:left}nav .link-wrap .visible{height:auto}nav .link-wrap div{display:inline;font-size:medium;margin:0 20px;padding:initial}nav .link-wrap div:first-child{padding:0}nav .mdi-menu{display:none}section{line-height:18pt;padding:100px 0 130px}section .container{padding:0 10px}section:first-of-type .text{font-size:32pt;line-height:36pt}section:first-of-type .button,section:first-of-type .button2{padding:12px 50px 12px 20px}section:first-of-type .button .mdi,section:first-of-type .button2 .mdi{top:16px}section:nth-of-type(2) .label-wrap .label{margin:15px 0 5px}section:nth-of-type(2) .label-wrap>div{padding:0 15px}section:nth-of-type(2) .bullet-wrap{height:230px}section:nth-of-type(2) .skills-wrapper>.flex:first-child{padding:0 50px}section:nth-of-type(2) .skills-wrapper .me{height:250px}section:nth-of-type(2) .bar{font-size:11pt;height:28px;margin:0 0 15px}section:nth-of-type(2) .bar span{display:initial}section:nth-of-type(2) .bar .tag{width:110px}section:nth-of-type(2) .hexagon i{font-size:40pt}section:nth-of-type(3) .filter{font-size:11pt;margin:0 15px;padding:0 30px}section:nth-of-type(3) .float-bar{height:30px}section:nth-of-type(3) #gallery .mix .card{height:300px}section:nth-of-type(4){padding:130px 0 180px}section:nth-of-type(4) .label{font-size:16pt;line-height:22pt}section:nth-of-type(4) .date{font-size:8.5pt}section:nth-of-type(4) .bar{margin:15px 0}section:nth-of-type(4) .text{font-size:11pt;line-height:15pt}section:nth-of-type(4) .blog-wrap{width:400px}section:nth-of-type(4) .thumb{height:200px}section:nth-of-type(5) form{min-width:500px}}@media screen and (min-width:960px){.waypoint{opacity:0}.animated.waypoint#gallery{opacity:1}.animated.waypoint#gallery .mix:first-child>div{animation:slideUp .75s ease .1s both;opacity:0}.animated.waypoint#gallery .mix:nth-child(2)>div{animation:slideUp .75s ease .2s both;opacity:0}.animated.waypoint#gallery .mix:nth-child(3)>div{animation:slideUp .75s ease .3s both;opacity:0}.animated.waypoint#gallery .mix:nth-child(4)>div{animation:slideUp .75s ease .4s both;opacity:0}.animated.waypoint#gallery .mix:nth-child(5)>div{animation:slideUp .75s ease .5s both;opacity:0}.animated.waypoint#gallery .mix:nth-child(6)>div{animation:slideUp .75s ease .6s both;opacity:0}.animated.waypoint#gallery .mix:nth-child(7)>div{animation:slideUp .75s ease .7s both;opacity:0}.animated.waypoint#gallery .mix:nth-child(8)>div{animation:slideUp .75s ease .8s both;opacity:0}.animated.waypoint#gallery .mix:nth-child(9)>div{animation:slideUp .75s ease .9s both;opacity:0}.animated.slide-up{animation:slideUp .75s ease both}.animated.slide-down{animation:slideDown .75s ease both}.animated.slide-in-left{animation:slideInLeft .75s ease both}.animated.slide-in-right{animation:slideInRight .75s ease both}.animated.flip-in-x{animation:flipInX .75s ease both}.animated.fade-in{animation:fadeIn .75s ease both}.animated.pop-in{animation:popIn 1s both}.canvas{background:#252934}.button{font-size:16pt}.flex.row-gt-sm{flex-direction:row}.flex-50-gt-sm{box-sizing:border-box;-webkit-flex:1 1 50%;-ms-flex:1 1 50%;flex:1 1 50%;max-height:100%;max-width:50%}section:nth-of-type(2) .bars-wrap{margin:0}section:nth-of-type(2) .skills-wrapper{margin:50px 0 0}section:nth-of-type(2) .skills-wrapper .me{margin:0}section:nth-of-type(2) .bar{max-width:90%}section:nth-of-type(2) .bullet-wrap{height:intial;margin:0;padding:0 10px}section:nth-of-type(3) #gallery .mix .card{width:390px}section:nth-of-type(3) .filter{font-size:13pt;margin:0 25px;padding:0 40px}section:nth-of-type(4) .blog-wrap{margin:0 0 50px 20px;opacity:0;width:400px}}@media screen and (min-width:1280px){section:nth-of-type(4) .blog-wrap{margin:0 0 50px 20px;width:270px}}