html,body{background-color:#a0e0ff;margin:0;padding:0;overflow-x:hidden;overflow-y:scroll;font-family:arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{text-align:center;color:#000}@media screen and (max-width:850px){.mobile-section-header-name{position:fixed;width:88vw;top:10vw;left:4vw;text-align:left;background-color:#fafbffe6!important;z-index:999999;margin:.5vw 0 .75vw;padding:2vw;box-shadow:0 .2vw 1vw #00000080;background-color:#fafbff}.mobile-section-header-name .name{font-size:8vw;line-height:8vw;font-weight:700}.mobile-section-header-name .title{font-size:4.4vw;line-height:4vw;right:2vw;position:absolute;top:2vw;text-align:right}.Portfolio{padding:23vw 4vw 0;position:relative;z-index:1}.Portfolio .section{perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;-webkit-perspective:1000px}.Portfolio .section .perspective-inner{margin:.5vw 0 .75vw;padding:2vw;box-shadow:0 .2vw 1vw #00000080;background-color:#fafbffc2;transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;opacity:0;transform:translate3d(50vw,0,-1470px) rotateX(-50deg) rotateY(-20deg);transition:all .95s ease-in-out;-moz-transition:all .95s ease-in-out;-ms-transition:all .95s ease-in-out;-o-transition:all .95s ease-in-out;-webkit-transition:all .95s ease-in-out}.Portfolio .section:nth-child(2n) .perspective-inner{transform:translate3d(-50vw,0,-1470px) rotateX(50deg) rotateY(20deg)}.Portfolio .section.loaded .perspective-inner{transform:translateZ(0) rotateX(0) rotateY(0);opacity:1}.Portfolio .section.header-name{display:none}.Portfolio li{margin-top:1.7vw}.Portfolio .section .perspective-inner{margin:.5vw 0 .75vw;padding:2vw;box-shadow:0 .2vw 1vw #00000080;background-color:#fafbffc2}.Portfolio .section .perspective-inner:hover{background-color:#fafbffe6!important}.Portfolio .section.header-name{text-align:left;background-color:#fafbffe6!important}.Portfolio .section.header-name .name{font-size:8vw;line-height:8vw;font-weight:700}.Portfolio .section.header-name .title{font-size:5vw;line-height:5vw}.Portfolio .section .section-label{display:block;width:100%;text-align:center;vertical-align:top;font-size:6vw;font-weight:700;line-height:6vw}.Portfolio .section .section-label:after{content:" ";display:block;border-top:.5vw solid #505050;width:90%;margin:1vw auto}.Portfolio .section .flex-wrapper{display:block;width:100%}.Portfolio .section .section-info{display:inline-block;width:100%;text-align:left;font-size:4vw;line-height:4vw}.Portfolio .section .section-info .emphasis{font-size:4.5vw;font-weight:700;line-height:4.5vw;text-align:center;padding:1vw 0}.Portfolio .section .section-info.flex{width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between}.Portfolio .section .section-info .sub-section{flex:flex-grow;vertical-align:top;margin-right:1.5vw}.Portfolio .section .section-info .sub-section .sub-section-head{font-size:5vw;line-height:5vw;font-weight:700;margin-left:4vw}.Portfolio .section .section-info .sub-section .sub-section-list{padding-left:1.8vw}.Portfolio .section .section-info .sub-section .sub-section-list div{margin-top:1vw}.Portfolio .section .section-info .sub-section .sub-section-list div:before{content:"•";font-size:5vw;vertical-align:middle;line-height:5vw;top:-.5vw}.Portfolio .section.tl-dr{margin-bottom:2vw}.Portfolio .section.tl-dr .emphasis{padding:1vw 0vw 0 5vw;text-align:left}.Portfolio .section.tl-dr ul{margin-block-start:1vw;margin-block-end:1vw;padding-inline-start:5vw;padding-inline-end:4vw;list-style-type:none}.Portfolio .section.tl-dr ul li{line-height:5vw;padding-bottom:1vw}.Portfolio .section.skills,.Portfolio .section.technical{margin-bottom:2vw}.Portfolio .section.skills .section-label,.Portfolio .section.technical .section-label{margin:2vw 0 3vw}.Portfolio .section.skills .section-info,.Portfolio .section.technical .section-info{display:block}.Portfolio .section.skills .section-info .sub-section,.Portfolio .section.technical .section-info .sub-section{width:100%}.Portfolio .section.skills .section-info .sub-section .sub-section-head,.Portfolio .section.technical .section-info .sub-section .sub-section-head{font-size:5vw}.Portfolio .section.skills .section-info .sub-section .sub-section-list,.Portfolio .section.technical .section-info .sub-section .sub-section-list{margin:0vw 0 2vw}.Portfolio .section.skills .section-info .sub-section .sub-section-list div,.Portfolio .section.technical .section-info .sub-section .sub-section-list div{font-size:4.5vw;word-break:break-word;display:inline-block;text-indent:-6vw;padding-left:6vw}.Portfolio .section.skills .section-info .sub-section .sub-section-list div:before,.Portfolio .section.technical .section-info .sub-section .sub-section-list div:before{font-size:6vw;line-height:6vw;vertical-align:middle;margin-left:3vw;padding:0;display:inline-block;margin-right:.8vw;left:6vw;position:relative}.Portfolio .section.experience{margin:0!important;box-shadow:none!important}.Portfolio .section.experience .section-label{margin:2vw 0 4vw}.Portfolio .section .section-experience{display:inline-block;width:100%;text-align:left;font-size:1vw;line-height:1.5vw;position:relative;left:8vw;min-height:13vw;padding:4vw 2vw 2vw}.Portfolio .section .section-experience .img-logo{position:absolute;left:-7vw;width:12vw;height:12vw;background-color:#fff}.Portfolio .section .section-experience .img-logo img{position:absolute;width:12vw;top:50%;transform:translateY(-50%)}.Portfolio .section .section-experience .sub-exp-info{display:flex;justify-content:space-between}.Portfolio .section .section-experience .sub-exp-info .sub-exp-companyname{font-size:6vw;line-height:6vw;font-weight:700;flex:flex-grow;position:relative;left:4vw}.Portfolio .section .section-experience .sub-exp-info .sub-exp-companyname a{color:#03b3fa;text-decoration:none}.Portfolio .section .section-experience .sub-exp-info .sub-exp-timeframe{font-size:4vw;line-height:4vw;text-align:right;position:relative;top:-2.3vw;left:-10vw}.Portfolio .section .section-experience .sub-exp-info .sub-exp-timeframe br{display:block;line-height:5vw}.Portfolio .section .section-experience .sub-exp-info .sub-exp-timeframe span{display:inline-blocke}.Portfolio .section .section-experience .sub-exp-about{margin-top:1vw;display:flex;justify-content:space-between;position:relative;top:-2vw}.Portfolio .section .section-experience .sub-exp-about .sub-exp-position{font-size:3.4vw;line-height:3.4vw;font-weight:700;position:relative;left:4vw}.Portfolio .section .section-experience .sub-exp-about .sub-exp-duration{font-size:3.4vw;line-height:3.4vw;position:relative;left:-10vw}.Portfolio .section .section-experience .sub-exp-text{font-size:4vw;line-height:4.5vw;position:relative;left:-10vw;top:2vw;padding:0 2vw}.Portfolio .section .section-experience .sub-exp-text a{color:#03b3fa}.Portfolio .section .section-experience .sub-exp-text ul{margin-block-start:1vw;margin-block-end:4vw;margin-inline-start:5vw;margin-inline-end:0vw;padding-inline-start:0;padding-inline-end:0}.Portfolio .section .section-experience .sub-exp-text .demo-links{display:flex;flex-wrap:wrap;justify-content:space-between}.Portfolio .section .section-experience .sub-exp-text .demo-links.textlinks div{flex-grow:1;text-align:center;margin:1vw;padding:1vw .3vw;background-color:#ffffff8c}.Portfolio .section .section-experience .sub-exp-text .demo-links .demo-link{padding:1vw;border:.5vw solid #8a8a8a;border-radius:.5vw;display:inline-block;width:22vw;margin:1vw;background-color:#fff;color:#03b3fa;text-decoration:none;text-align:center}.Portfolio .section .section-experience .sub-exp-text .demo-links .demo-link img{width:22vw;margin:0 auto;box-shadow:.2vw 0 1vw #000c}.Portfolio .hire-me{width:90vw;height:100vh;text-align:center;position:relative}.Portfolio .hire-me .hire-me-text{position:absolute;top:50%;text-align:center;transform:translateY(-50%);width:100%;color:#fff;font-size:13vw;text-shadow:0vw .5vw 1vw #000000}.Portfolio .hire-me .call-me{font-size:7vw;color:#0f0;text-shadow:0vw .5vw 1vw #000000}.Portfolio .hire-me .call-me a{color:#0f0;text-decoration:none}}@media screen and (min-width:850px){.Portfolio{padding:0vw 8vw 0;position:relative;z-index:1}.Portfolio .section{perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;-webkit-perspective:1000px}.Portfolio .section .perspective-inner{margin:.5vw 0 .75vw;padding:2vw;box-shadow:0 .2vw 1vw #00000080;background-color:#fafbffc2;transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;opacity:0;transition:all .95s ease-in-out;-moz-transition:all .95s ease-in-out;-ms-transition:all .95s ease-in-out;-o-transition:all .95s ease-in-out;-webkit-transition:all .95s ease-in-out}.Portfolio .section .perspective-inner:hover{background-color:#fafbffe6!important}.Portfolio .section .perspective-inner.effect-1{transform:translate3d(50vw,0,-1470px) rotateX(-50deg) rotateY(-20deg)}.Portfolio .section .perspective-inner.effect-2{transform:translate3d(-50vw,0,-1470px) rotateX(50deg) rotateY(20deg)}.Portfolio .section .perspective-inner.effect-3{transform:translateZ(-1470px) rotateX(0) rotateY(0)}.Portfolio .section .perspective-inner.effect-4{transform:translateZ(-1470px) rotateX(-120deg) rotateY(0)}.Portfolio .section.loaded .perspective-inner{transform:translateZ(0) rotateX(0) rotateY(0);opacity:1}.Portfolio .section.header-name{text-align:left;background-color:#fafbffe6!important}.Portfolio .section.header-name .name{font-size:3vw;line-height:3vw;font-weight:700}.Portfolio .section.header-name .title{font-size:1.5vw;line-height:1.5vw}.Portfolio .section .section-label{display:inline-block;width:20%;text-align:left;vertical-align:top;font-size:1.5vw;line-height:1.5vw;font-style:italic;font-weight:700}.Portfolio .section .flex-wrapper{display:inline-block;width:80%}.Portfolio .section .section-info{display:inline-block;width:80%;text-align:left;font-size:1vw;line-height:1.5vw}.Portfolio .section .section-info .emphasis{font-size:1.2vw;font-weight:700;line-height:1.2vw}.Portfolio .section .section-info.flex{width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between}.Portfolio .section .section-info .sub-section{flex:flex-grow;vertical-align:top;margin-right:1.5vw}.Portfolio .section .section-info .sub-section .sub-section-list div{margin-top:.3vw}.Portfolio .section .section-info .sub-section .sub-section-list div:before{content:"•";font-size:1.5vw;vertical-align:middle;line-height:1.5vw}.Portfolio .section .section-info .sub-section .sub-section-head{font-size:1.5vw;line-height:1.5vw}.Portfolio .section.tl-dr ul{margin-block-start:1vw;margin-block-end:1vw;padding-inline-start:0vw;padding-inline-end:0vw;list-style-type:none}.Portfolio .section.tl-dr ul li{line-height:1.2vw;margin-top:.6vw}.Portfolio .section.experience{margin:0!important;box-shadow:none!important}.Portfolio .section.experience .section-label{display:block;margin-bottom:2vw}.Portfolio .section .section-experience{display:inline-block;width:80%;text-align:left;font-size:1vw;line-height:1.5vw;position:relative;margin-left:5vw}.Portfolio .section .section-experience .img-logo{position:absolute;left:-5vw;width:4vw;height:4vw;background-color:#fff;box-shadow:0 .5vw 1vw #00000080}.Portfolio .section .section-experience .img-logo img{position:absolute;width:4vw;top:50%;transform:translateY(-50%)}.Portfolio .section .section-experience .sub-exp-info{display:flex;justify-content:space-between}.Portfolio .section .section-experience .sub-exp-info .sub-exp-companyname{font-size:1.6vw;line-height:1.6vw;flex:flex-grow}.Portfolio .section .section-experience .sub-exp-info .sub-exp-companyname a{color:#03b3fa;text-decoration:none;font-weight:700}.Portfolio .section .section-experience .sub-exp-info .sub-exp-timeframe{font-size:1.6vw;line-height:1.6vw;text-align:right;flex:flex-grow}.Portfolio .section .section-experience .sub-exp-info .sub-exp-timeframe br{display:none}.Portfolio .section .section-experience .sub-exp-info .sub-exp-timeframe span{display:inline-block;padding:0 .5vw}.Portfolio .section .section-experience .sub-exp-about{margin-top:.6vw;display:flex;justify-content:space-between}.Portfolio .section .section-experience .sub-exp-about .sub-exp-position{font-size:1vw;line-height:1vw;font-weight:700}.Portfolio .section .section-experience .sub-exp-about .sub-exp-duration{font-size:1.3vw;line-height:1.3vw}.Portfolio .section .section-experience .sub-exp-text{margin-top:.8vw}.Portfolio .section .section-experience .sub-exp-text a{color:#03b3fa}.Portfolio .section .section-experience.freelancing a{color:#0293da;font-weight:700}.Portfolio .section .section-experience.freelancing a:hover{color:#03b3fa}.Portfolio .section .demo-links{display:flex;flex-wrap:wrap;justify-content:space-between}.Portfolio .section .demo-links.textlinks div{flex-grow:1;text-align:center;margin:.25vw .4vw;padding:.25vw;background-color:#ffffff8c}.Portfolio .section .demo-links.textlinks.velocify-links div:before{content:" ";vertical-align:middle;margin:0 10px 0 0;background-image:url(/img/velocify-client-icons.png);display:inline-block;width:32px;height:32px;background-position:0px 0px}.Portfolio .section .demo-links.textlinks.velocify-links div:nth-child(2):before{background-position:-32px 0px}.Portfolio .section .demo-links.textlinks.velocify-links div:nth-child(3):before{background-position:-64px 0px}.Portfolio .section .demo-links.textlinks.velocify-links div:nth-child(4):before{background-position:-96px 0px}.Portfolio .section .demo-links.textlinks.velocify-links div:nth-child(5):before{background-position:-128px 0px}.Portfolio .section .demo-links.textlinks.velocify-links div:nth-child(6):before{background-position:-160px 0px}.Portfolio .section .demo-links.textlinks.velocify-links div:nth-child(7):before{background-position:-192px 0px}.Portfolio .section .demo-links.textlinks.velocify-links div:nth-child(8):before{background-position:-224px 0px}.Portfolio .section .demo-links.textlinks.velocify-links div:nth-child(9):before{background-position:-256px 0px}.Portfolio .section .demo-links.textlinks.velocify-links div:nth-child(10):before{background-position:-288px 0px}.Portfolio .section .demo-links.textlinks.velocify-links div:nth-child(11):before{background-position:-320px 0px}.Portfolio .section .demo-links.textlinks.velocify-links div:nth-child(12):before{background-position:-352px 0px}.Portfolio .section .demo-links.textlinks.velocify-links div:nth-child(13):before{background-position:-384px 0px}.Portfolio .section .demo-links.textlinks.velocify-links div:nth-child(14):before{background-position:-416px 0px}.Portfolio .section .demo-links.textlinks.velocify-links div:nth-child(15):before{background-position:-448px 0px}.Portfolio .section .demo-links.textlinks.onestop-icons-1 div:before,.Portfolio .section .demo-links.textlinks.onestop-icons-2 div:before,.Portfolio .section .demo-links.textlinks.onestop-icons-3 div:before{content:" ";vertical-align:middle;margin:0 10px 0 0;background-image:url(/img/onestop-client-icons.png);display:inline-block;width:32px;height:32px}.Portfolio .section .demo-links.textlinks.onestop-icons-1 div:nth-child(1):before{background-position:0px 0px}.Portfolio .section .demo-links.textlinks.onestop-icons-1 div:nth-child(2):before{background-position:-32px 0px}.Portfolio .section .demo-links.textlinks.onestop-icons-1 div:nth-child(3):before{background-position:-64px 0px}.Portfolio .section .demo-links.textlinks.onestop-icons-1 div:nth-child(4):before{background-position:-96px 0px}.Portfolio .section .demo-links.textlinks.onestop-icons-1 div:nth-child(5):before{background-position:-128px 0px}.Portfolio .section .demo-links.textlinks.onestop-icons-1 div:nth-child(6):before{background-position:-160px 0px}.Portfolio .section .demo-links.textlinks.onestop-icons-2 div:nth-child(1):before{background-position:-192px 0px}.Portfolio .section .demo-links.textlinks.onestop-icons-2 div:nth-child(2):before{background-position:-224px 0px}.Portfolio .section .demo-links.textlinks.onestop-icons-2 div:nth-child(3):before{background-position:-256px 0px}.Portfolio .section .demo-links.textlinks.onestop-icons-2 div:nth-child(4):before{background-position:-288px 0px}.Portfolio .section .demo-links.textlinks.onestop-icons-2 div:nth-child(5):before{background-position:-320px 0px}.Portfolio .section .demo-links.textlinks.onestop-icons-2 div:nth-child(6):before{background-position:-352px 0px}.Portfolio .section .demo-links.textlinks.onestop-icons-3 div:nth-child(1):before{background-position:-384px 0px}.Portfolio .section .demo-links.textlinks.onestop-icons-3 div:nth-child(2):before{background-position:-416px 0px}.Portfolio .section .demo-links.textlinks.onestop-icons-3 div:nth-child(3):before{background-position:-448px 0px}.Portfolio .section .demo-links.textlinks.onestop-icons-3 div:nth-child(4):before{background-position:-480px 0px}.Portfolio .section .demo-links.textlinks.mashon-icons div:before{content:" ";vertical-align:middle;margin:0 10px 0 0;background-image:url(/img/mashon-client-icons.png);display:inline-block;width:32px;height:32px;background-position:0px 0px}.Portfolio .section .demo-links.textlinks.mashon-icons div:nth-child(2):before{background-position:-32px 0px}.Portfolio .section .demo-links.textlinks.mashon-icons div:nth-child(3):before{background-position:-64px 0px}.Portfolio .section .demo-links.textlinks.mashon-icons div:nth-child(4):before{background-position:-96px 0px}.Portfolio .section .demo-links.textlinks.mashon-icons div:nth-child(5):before{background-position:-128px 0px}.Portfolio .section .demo-links.textlinks.mashon-icons div:nth-child(6):before{background-position:-160px 0px}.Portfolio .section .demo-links.textlinks.mashon-icons div:nth-child(7):before{background-position:-192px 0px}.Portfolio .section .demo-links.textlinks.mashon-icons div:nth-child(8):before{background-position:-224px 0px}.Portfolio .section .demo-links.textlinks.mashon-icons div:nth-child(9):before{background-position:-256px 0px}.Portfolio .section .demo-links.textlinks.mashon-icons div:nth-child(10):before{background-position:-288px 0px}.Portfolio .section .demo-links.textlinks.mashon-icons div:nth-child(11):before{background-position:-320px 0px}.Portfolio .section .demo-links.textlinks.mashon-icons div:nth-child(12):before{background-position:-352px 0px}.Portfolio .section .demo-links.textlinks.mashon-icons div:nth-child(13):before{background-position:-384px 0px}.Portfolio .section .demo-links.textlinks.mashon-icons div:nth-child(14):before{background-position:-416px 0px}.Portfolio .section .demo-links a div{margin:0 0 1vw}.Portfolio .section .demo-links .demo-link{padding:1vw;border:.5vw solid #8a8a8a;border-radius:.5vw;display:inline-block;width:10vw;margin:1vw;background-color:#fff;color:#03b3fa;text-decoration:none;text-align:center}.Portfolio .section .demo-links .demo-link img{width:10vw;margin:0 auto;box-shadow:.2vw 0 .5vw #00000080}.Portfolio .hire-me{width:100%;height:100vh;text-align:center;position:relative}.Portfolio .hire-me .hire-me-text{position:absolute;top:50%;text-align:center;transform:translateY(-50%);width:100%;color:#fff;font-size:13vw;text-shadow:0vw .5vw 1vw #000000}.Portfolio .hire-me .call-me{font-size:6vw;color:#0f0;text-shadow:0vw .5vw 1vw #000000}.Portfolio .hire-me .call-me a{color:#0f0;text-decoration:none}}@media print{canvas{display:none}.mobile-section-header-name{position:relative;width:88vw;top:1vw;left:4vw;text-align:left;background-color:#fafbffe6!important;z-index:999999;margin:.5vw 0 .75vw;padding:2vw;box-shadow:0 .2vw 1vw #00000080;background-color:#fafbff}.mobile-section-header-name .name{font-size:8vw;line-height:8vw;font-weight:700}.mobile-section-header-name .title{font-size:5vw;line-height:5vw;right:2vw;position:absolute;top:1vw;text-align:right}.Portfolio{padding:6vw 4vw 0;position:relative;z-index:1}.Portfolio .section.header-name{display:none}.Portfolio li{margin-top:1.7vw}.Portfolio .section{margin:.5vw 0 .75vw;padding:2vw;box-shadow:0 .2vw 1vw #00000080;background-color:#fafbff}.Portfolio .section.header-name{text-align:left;background-color:#fafbff!important}.Portfolio .section.header-name .name{font-size:8vw;line-height:8vw;font-weight:700}.Portfolio .section.header-name .title{font-size:5vw;line-height:5vw}.Portfolio .section .section-label{display:block;width:100%;text-align:center;vertical-align:top;font-size:6vw;font-weight:700;line-height:6vw}.Portfolio .section .flex-wrapper{display:block;width:100%}.Portfolio .section .section-info{display:inline-block;width:100%;text-align:left;font-size:4vw;line-height:4vw}.Portfolio .section .section-info .emphasis{font-size:4.5vw;font-weight:700;line-height:4.5vw;text-align:center;padding:1vw 0}.Portfolio .section .section-info.flex{width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between}.Portfolio .section .section-info .sub-section{flex:flex-grow;vertical-align:top;margin-right:1.5vw}.Portfolio .section .section-info .sub-section .sub-section-list{margin:0vw 0 2vw}.Portfolio .section .section-info .sub-section .sub-section-list div{font-size:4.5vw;word-break:break-word;display:inline-block;text-indent:-6vw;padding-left:6vw}.Portfolio .section .section-info .sub-section .sub-section-list div:before{font-size:6vw;line-height:6vw;vertical-align:middle;margin-left:3vw;padding:0;display:inline-block;margin-right:.8vw;left:6vw;position:relative}.Portfolio .section .section-info .sub-section .sub-section-head{font-size:5vw;line-height:5vw;font-weight:700}.Portfolio .section.tl-dr ul{margin-block-start:1vw;margin-block-end:1vw;padding-inline-start:5vw;padding-inline-end:4vw}.Portfolio .section.skills,.Portfolio .section.technical{page-break-before:always}.Portfolio .section.skills .section-label,.Portfolio .section.technical .section-label{margin:2vw 0 3vw}.Portfolio .section.skills .section-info,.Portfolio .section.technical .section-info{display:block}.Portfolio .section.skills .section-info .sub-section,.Portfolio .section.technical .section-info .sub-section{width:100%}.Portfolio .section.skills .section-info .sub-section .sub-section-head,.Portfolio .section.technical .section-info .sub-section .sub-section-head{font-size:5vw}.Portfolio .section.skills .section-info .sub-section .sub-section-list,.Portfolio .section.technical .section-info .sub-section .sub-section-list{margin:0vw 0 2vw}.Portfolio .section.skills .section-info .sub-section .sub-section-list div,.Portfolio .section.technical .section-info .sub-section .sub-section-list div{font-size:4.5vw;word-break:break-word;display:inline-block;text-indent:-6vw;padding-left:6vw}.Portfolio .section.skills .section-info .sub-section .sub-section-list div:before,.Portfolio .section.technical .section-info .sub-section .sub-section-list div:before{font-size:6vw;line-height:6vw;vertical-align:middle;margin-left:3vw;padding:0;display:inline-block;margin-right:.8vw;left:6vw;position:relative}.Portfolio .section.experience{margin:0!important;box-shadow:none!important}.Portfolio .section.experience:nth-child(2n){background-color:#fafbffcc}.Portfolio .section.experience .section-label{margin:2vw 0 4vw}.Portfolio .section .section-experience{display:inline-block;width:80%;text-align:left;font-size:1vw;line-height:1.5vw;position:relative;left:8vw;min-height:13vw}.Portfolio .section .section-experience .img-logo{position:absolute;left:-15vw;width:12vw;height:12vw;background-color:#fff}.Portfolio .section .section-experience .img-logo img{position:absolute;width:12vw;top:50%;transform:translateY(-50%)}.Portfolio .section .section-experience .sub-exp-info{display:flex;justify-content:space-between}.Portfolio .section .section-experience .sub-exp-info .sub-exp-companyname{font-size:6vw;line-height:6vw;font-weight:700;flex:flex-grow}.Portfolio .section .section-experience .sub-exp-info .sub-exp-timeframe{font-size:4vw;line-height:4vw;text-align:right;position:relative;top:-2.3vw}.Portfolio .section .section-experience .sub-exp-info .sub-exp-timeframe br{display:block}.Portfolio .section .section-experience .sub-exp-info .sub-exp-timeframe span{display:none}.Portfolio .section .section-experience .sub-exp-about{margin-top:1vw;display:flex;justify-content:space-between;position:relative;top:-2vw}.Portfolio .section .section-experience .sub-exp-about .sub-exp-position{font-size:3.4vw;line-height:3.4vw;font-weight:700}.Portfolio .section .section-experience .sub-exp-about .sub-exp-duration{font-size:3vw;line-height:3vw}.Portfolio .section .section-experience .sub-exp-text{font-size:4vw;line-height:4.5vw}.Portfolio .section .section-experience .sub-exp-text .demo-link{padding:1vw;border:.5vw solid #8a8a8a;border-radius:.5vw;display:inline-block;width:50vw;margin:1vw auto;background-color:#fff;color:#00f;text-decoration:none;text-align:center}.Portfolio .section .section-experience .sub-exp-text .demo-link img{width:25vw;margin:0 auto}.Portfolio .hire-me{width:90vw;height:100vh;text-align:center;position:relative}.Portfolio .hire-me .hire-me-text{position:absolute;top:50%;text-align:center;transform:translateY(-50%);width:100%;color:#fff;font-size:13vw;text-shadow:0vw .5vw 1vw #000000}.Portfolio .hire-me .call-me{font-size:7vw;color:#0f0;text-shadow:0vw .5vw 1vw #000000}}@media print{.PageHeader{display:none!important;position:relative!important}}@media(min-width:850px){.PageHeader{background-color:#000000d1;color:#a0a0a0;height:2vw;width:100%;top:0;left:0;position:fixed;z-index:2;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(200,200,200,.8)}.PageHeader *{display:inline-block}.PageHeader .name{width:50vw;font-size:1vw;text-align:left;margin-left:1vw}.PageHeader .download-resume{width:50vw}.PageHeader .download-resume a{color:#fff;text-decoration:none;font-size:1vw;text-align:left}.PageHeader .links{width:50vw;text-align:right}.PageHeader .links a{margin:0 1vw 0 0;color:#a0a0a0;text-decoration:none;font-size:1vw;text-align:left}}@media(max-width:850px){.PageHeader{background-color:#000000d1;color:#a0a0a0;height:10vw;width:100%;top:0;left:0;position:fixed;z-index:2;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(200,200,200,.8)}.PageHeader *{display:inline-block}.PageHeader .name{display:none;width:00vw;font-size:5vw;text-align:left;margin-left:1vw}.PageHeader .download-resume{display:none;width:50vw}.PageHeader .download-resume a{color:#fff;text-decoration:none;font-size:5vw;text-align:left}.PageHeader .links{width:100vw;text-align:center}.PageHeader .links a{margin:0 1.5vw;color:#a0a0a0;text-decoration:none;font-size:5vw;text-align:left}}.button{cursor:pointer;font-size:4vw;height:10vw;line-height:10vw;margin:1vw;padding:0 2vw;border:1px solid #cacaca;background-color:#cadaff;border-radius:4px;display:inline-block;color:#000;font-weight:700}@media(min-width:850px){.desktop-button{font-size:40px!important;padding:20px!important;line-height:40px!important;height:auto!important;margin-top:30px;display:block!important}}.BackgroundAnim{position:fixed;z-index:0;top:0;left:0;width:100%;height:100%}.BackgroundAnim canvas{width:100%;height:100%}