body{margin:0;padding:0;font-family:century;overflow:auto}body.contact{overflow:hidden}body.contact #trigger-contact-takeover{padding:0}@font-face{font-family:century;src:url(/fonts/Century%20Gothic%20Std%20Regular.otf)format("opentype")}@font-face{font-family:garamond;src:url(/fonts/Garamond%20Premier%20Pro%20Italic.ttf)format("opentype")}body.loading{overflow-y:hidden}body #welcome{text-align:center;width:100%;height:95vh}#cool-loading{z-index:9999;-o-transition:all .5s ease;background-color:#66ceff;background-position:50%;background-repeat:no-repeat;width:100vw;height:100vh;transition:all .5s;position:fixed;top:0;left:0}#cool-loading.loaded{opacity:0}#welcome .content{text-transform:uppercase;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:0;width:50vw;padding-top:23vh;padding-left:45vw;font-family:century;font-style:normal;font-variant-caps:normal;line-height:65.031px}body .fp-tableCell{vertical-align:unset}#welcome .content h1{margin-top:0;font-size:30px;line-height:1}#welcome .content span{font-size:14px}#welcome .content span.connector{text-transform:none;font-family:garamond}#welcome .image-block{z-index:-1;background-image:url(/images/me2.png);background-position:0 0;background-repeat:no-repeat;background-size:contain;width:100%;height:90vh;position:absolute;bottom:0;left:0}#welcome .welcome-social-btns{z-index:10;gap:20px;display:flex;position:absolute;top:4vh;right:4vw}#welcome .welcome-social-btns a{color:#27272b;opacity:.8;font-size:40px;transition:all .3s}#welcome .welcome-social-btns a:hover{opacity:1;color:#66ceff;transform:scale(1.1)}body .gzERkV{background:#66ceff}body #projects{background:#fff;overflow:hidden}#projects .project{float:left;background:#fff;width:50%;height:auto;position:relative;overflow:hidden}#projects .project .container{-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;width:100%;height:auto;transition:all .5s;box-shadow:0 5px 15px #0003}#projects .img,#projects img,#takeover img,#takeover .img{filter:brightness(1.05)sepia(.2)contrast(.9)saturate(.9);-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;transition:all .5s}#projects .img:hover,#projects img:hover,#takeover img:hover,#takeover .img:hover{filter:none}#takeover .title-subtitle{text-align:left;background:#232323d9;padding:5vh;position:absolute;top:65.8vh;left:0}#takeover .title-subtitle p{color:#66ceff;text-transform:uppercase;letter-spacing:3px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacityIE)";width:100%;margin:auto auto 0;font-size:12px;line-height:26px}#takeover .title-subtitle h1{text-transform:uppercase;color:#fff;letter-spacing:1px;padding-left:20px;padding-right:20px;font-size:20px;display:inline-block}#projects .project .img{background-position:top;background-size:cover;width:100%;height:45vh;overflow:hidden}#projects .project .img.phone{background-repeat:no-repeat;background-size:contain}.takeover-page{z-index:90;background:#fff;width:100vw;height:auto;min-height:100vh;position:absolute;top:0;overflow-y:scroll}.takeover-page .container p{width:65%;font-family:serif;font-size:18px}.takeover-page .info{float:left;color:#717070;background-color:#fff;width:75vw;padding:5vw;line-height:25px}.takeover-page .info li{padding-bottom:15px}.takeover-page .info b{color:red}.takeover-page .tech{float:left;color:#717070;background-color:#fff;width:75vw;padding:5vw;line-height:25px}.takeover-page .tech li{padding-bottom:15px}h3{color:#66ceff;text-transform:uppercase}.scroller{height:150px;overflow-y:auto}.exit-takeover{color:#27272b;z-index:9999;cursor:pointer;-webkit-appearance:none;-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;padding:0 10px;font-size:50px;transition:all .5s;position:fixed;top:4vh;right:4vw}.exit-takeover:hover{color:#66ceff;transform:scale(1.05)}#contact-takeover .form{width:80vw;height:auto;margin-top:25vh;margin-left:auto;margin-right:auto;font-size:30px;overflow:hidden}#contact-takeover .buttons{text-align:center;margin-left:auto;margin-right:auto}#contact-takeover .form div{width:max-content}#contact-takeover .form .form-content{margin-left:auto;margin-right:auto}#contact-takeover .form input{text-transform:capitalize;color:#000;-webkit-appearance:none;transition:border-color .3s,color .3s;-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;background:0 0;border:none;border-bottom:3px solid #000;border-radius:0;outline:none;width:28vw;margin:0 10px 35px;padding:7px 15px;font-size:21px;transition:all .5s}#contact-takeover .form input.lowercase{text-transform:lowercase}#contact-takeover .form input:focus{transform:scale(1.05)}#contact-takeover .form input.submit{color:#fff;cursor:pointer;transition:background-color .28s,color .28s,box-shadow .28s;-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;background:#000;border:none;width:20vw;margin:3.6rem 1vw;padding:.9rem 3.6rem;font-size:1.1rem;transition:all .5s;display:inline-block;overflow:hidden;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f}#contact-takeover .form input.submit:hover{color:#000;background:#66ceff;border:none;transform:scale(1.05)}#contact-takeover .Social-btns,#wrapper footer .Social-btns{cursor:pointer;text-align:center;width:100%;height:auto;font-size:50px;text-decoration:none;position:absolute;bottom:5vh}#wrapper footer .Social-btns{color:#fff;background:#000;padding-top:15px;padding-bottom:15px;position:static;bottom:0}#wrapper footer .Social-btns a{color:#fff;opacity:.8;-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;margin:0 20px;transition:all .5s;display:inline-block}#wrapper footer .Social-btns a:hover{opacity:1;transform:scale(1.05)}#wrapper footer .Social-btns i{color:#fff}#contact-takeover .Social-btns svg,#wrapper footer .Social-btns svg{color:#000;opacity:.8;-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;margin-left:5vh;margin-right:5vh;transition:all .5s}#wrapper footer .Social-btns svg{color:#fff}#contact-takeover .Social-btns svg:hover,#wrapper footer .Social-btns svg:hover{opacity:1;transform:scale(1.05)}#contact-takeover div.form-stage{float:left;text-align:left;width:48vw;margin:-19vh 0 0 4vw;padding-left:10px;font-size:1.1rem}#contact-takeover p.error-message{color:#9999;opacity:0;-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;font-size:1.1rem;transition:all .5s}#contact-takeover p.error-message.visable{opacity:1;margin-left:5vw}#contact-takeover p.error-message:hover{transform:scale(1.005)}#contact-takeover .progressbar-container .progressbar{float:left;background:#000;width:35vw;height:10px;margin-top:27px}#contact-takeover .progressbar-container span{float:left;background:#000;width:25px;height:25px;position:relative;top:-8px}#contact-takeover .progressbar-container{width:auto}#welcome .content .skills.effect{-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;transition:all 1s;transform:scale(1.05)}#welcome .content .skills.effect2{-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;transition:all 1s;transform:scale(.95)}.section{width:100%;height:auto;display:block;overflow:auto}#credability .container{width:100%;height:auto;padding-top:12vh;padding-bottom:8vh;overflow:auto}#credability h1{text-align:center;text-transform:uppercase}#credability h4{text-transform:uppercase;margin:18px;padding:0}#credability p{width:90%;margin:0 auto;padding-bottom:9px;font-size:13px}#credability .container .feature{float:left;opacity:.7;cursor:pointer;color:#000;text-align:center;-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;width:23%;min-height:230px;margin-top:1vh;padding:1%;transition:all .5s;display:block;top:0}body #contact-takeover .form input[name=website],body #contact-takeover .form input[name=email]{text-transform:none!important}#contact-takeover .form input.progressbar{width:135px}#credability .container .feature svg{color:#000;font-size:50px}#credability .container .feature:hover{opacity:1;transform:scale(1.2)}.takeover-page .container{margin-left:auto;margin-right:auto}.takeover-page img{margin-left:auto;margin-right:auto;display:block;overflow:hidden}.takeover-page .initial-image{background-image:url(/images/cool-loading.gif);background-position:top;background-repeat:no-repeat;background-size:cover;width:100%;height:85vh;overflow:hidden}.takeover-page .initial-image.video{height:85vh;margin-bottom:-10px}.takeover-page .container .full{background-color:#fff;width:100%;margin-left:auto;margin-right:auto;overflow:hidden}.takeover-page .container .big{background:#fff;width:75vw;margin-left:auto;margin-right:auto;padding-bottom:6.25vw;padding-left:12.5vw;padding-right:12.5vw;overflow:hidden}.takeover-page .container .full .right{float:right;background:#fff;width:42vw;padding:2.5vw;overflow:hidden}.takeover-page .container .left,.takeover-page .container .full .left{float:left;background:#fff;width:45vw;padding:2.5vw;overflow:hidden}.takeover-page .container img{width:100%;height:100%;box-shadow:7px 7px 20px 6px #0000004f}.takeover-page .visit-page{margin-top:12.5vh;margin-bottom:12.5vh;overflow:hidden}.takeover-page .next-project{clear:both;cursor:pointer;background:#000;width:100%;height:40vh}.takeover-page .next-project .img{float:left;background-image:url(https://images.unsplash.com/photo-1437652633673-cc02b9c67a1b?ixlib=rb-0.3.5&q=99&fm=jpg&crop=entropy&cs=tinysrgb&w=2048&fit=max&s=cf09ca7aeb4b10f03039c08bd5841cfc);background-position:top;background-size:cover;width:50%;height:100%;overflow:hidden}.takeover-page .next-project .text{float:left;color:#fff;background:#000;width:50%;height:100%;overflow:hidden}.takeover-page .next-project .text p{-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;transition:all .5s}.takeover-page .next-project:hover p{transform:scale(1.05)}.takeover-page .next-project .text p{text-align:center;margin-top:20vh}body .cool-button{color:#fff;cursor:pointer;transition:background-color .28s,color .28s,box-shadow .28s;-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;background:#000;border:1px solid #000;padding:.9rem 3.6rem;font-size:1.1rem;text-decoration:none;transition:all .5s;display:block;overflow:hidden;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f}.takeover-page .cool-button{text-align:center;clear:both;width:10vw;margin:20px auto}.takeover-page .cool-button:hover{color:#000;background:#66ceff;border:none}body .cool-button:hover{transform:scale(1.05)}#trigger-contact-takeover{z-index:9999;background-color:#fff;border:none;padding:0;position:fixed;bottom:2vh;left:2vw}#trigger-contact-takeover.bottomofpage{padding:2.5rem 7.6rem;font-size:3.1rem;bottom:12vh;left:6vw}#trigger-contact-takeover.visable{text-transform:uppercase;background-color:#009fde;padding:.9rem 3.6rem;font-size:16px}#skills{background:#000}#projects .project .content{-moz-opacity:0;-khtml-opacity:0;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacityIE)";width:100%;height:100%;filter:alpha(opacity=0);visibility:visible;background:#232323a6;transition:all .9s cubic-bezier(.18,1,.21,1);position:absolute;top:0;left:0}#projects .project .content h1{text-transform:uppercase;color:#fff;letter-spacing:1px;-moz-opacity:1;-khtml-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacityIE)";filter:alpha(opacity=1);padding-left:20px;padding-right:20px;font-size:16px;display:inline-block}#projects .project .content p{color:#66ceff;-moz-opacity:0;-khtml-opacity:0;text-transform:uppercase;letter-spacing:3px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacityIE)";width:100%;margin:auto auto 0;font-size:12px;line-height:26px}#projects .project .textbox{width:85%;height:100%;margin-top:20%;margin-left:10%;font-family:century;transition:all .3s;top:0;left:0}@media only screen and (min-width:768px){#projects .project:hover .content{-moz-opacity:1;-khtml-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacityIE)";filter:alpha(opacity=100);visibility:visible}#projects .project:hover .content p{white-space:nowrap;-ms-animation-fill-mode:forwards;opacity:1;animation:1s .2s forwards HoverFadeIn}#projects .project:hover .content h1{opacity:1;-ms-animation-fill-mode:forwards;animation:1s forwards HoverFadeIn}#projects .project .container:hover .content{cursor:pointer;filter:none;transform:scale(1.05)}#projects .project .container:hover .img{filter:none}}@media only screen and (max-width:480px){body #welcome{background-image:unset;height:40vh!important}#welcome .content{text-align:center;padding-top:2vh!important;padding-left:0!important}#trigger-contact-takeover.bottomofpage{bottom:25vh}#takeover .title-subtitle p{font-size:10px}body #takeover .title-subtitle{width:100vw;top:45vh;transform:translateY(-100%)}#welcome .content span{height:38px;font-size:15px;display:block}#welcome .welcome-social-btns{gap:15px;top:2vh;right:5vw}#welcome .welcome-social-btns a{font-size:30px}#welcome .image-block{display:none}#welcome .content h1{margin-left:0;font-size:22px;margin-top:8vh!important}#welcome .down{display:none}#projects .project{width:100%}#credability .container{padding-top:4vh;padding-bottom:14vh}#credability .container .feature{width:47%;min-height:200px}#credability .container .feature h4{font-size:12px}#credability .container .feature p{padding-left:5px;padding-right:5px;font-size:12px}#trigger-contact-takeover.visable{width:90vw;padding-top:18px;padding-bottom:18px;font-size:1.1rem;right:5vw}#takeover .takeover-page .initial-image{height:45vh}#takeover .takeover-page .info{width:90vw}#takeover .takeover-page .info p{width:90vw;font-size:13px}#takeover .takeover-page .tech{width:90vw}#takeover .takeover-page .cool-button{width:70vw;padding:25px;font-size:1.1rem}#takeover .takeover-page .next-project .text p{text-align:center;margin-top:8vh;padding:20px}.takeover-page .container .full .left,.takeover-page .container .full .right{float:none;width:85vw;margin-left:auto;margin-right:auto;padding:7.5vw}.takeover-page .container .big{width:93vw;padding-left:3.5vw;padding-right:3.5vw}body #contact-takeover .form{width:90vw;margin-top:0;font-size:15px}#contact-takeover .form input.progressbar{width:90%}body #contact-takeover .form input{width:90%;font-size:10px}#contact-takeover .form .form-content{float:left}#contact-takeover .progressbar-container .progressbar{display:none}body #contact-takeover div.form-stage{text-align:left;width:100%;margin-top:6.5vh}#contact-takeover .form div{width:90vw}#contact-takeover .form input.submit:hover{transform:scale(1)}body #contact-takeover .form .buttons input.submit{width:45%;margin:20px auto 10px;display:inline-block}body #contact-takeover .form .buttons input.next{background:#66ceff}#projects .project .content{opacity:1}}@media only screen and (max-width:768px){body #welcome{height:35vh}#welcome .down{margin-top:2vh}#welcome .content{width:100%;padding-top:9vh;padding-left:15vw}#takeover .title-subtitle{top:32.35vh}.takeover-page .initial-image{height:50vh}#welcome .image-block{height:35vh;top:0}.takeover-page .next-project .text p{margin-top:15vh}.takeover-page .initial-image.video{height:50vh}#projects .project .img{height:35vh}#contact-takeover .form{margin-top:16vh}#skills{display:none}#credability .container{padding-bottom:16vh}#contact-takeover div.form-stage{margin-top:-10vh;margin-bottom:0}#contact-takeover .form input{width:33vw}#contact-takeover .form input.submit{margin:3.6rem 1vw}#contact-takeover .Social-btns{font-size:40px}#projects .project .content{opacity:1;visibility:visible;background:#232323bf}#takeover .takeover-page .tech{margin-bottom:12.5vw}#projects .project:hover .content p{white-space:unset;opacity:1;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}#projects .project .content h1{-moz-opacity:1;-khtml-opacity:1;opacity:1;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}#projects .project .content p,#projects .project:hover .content h1{opacity:1}#projects .project .textbox{text-align:center;margin-left:auto;margin-right:auto}}