@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.Header{border-bottom:.32rem solid #71d1b1;justify-content:space-between;align-items:center;width:100%;margin:auto;padding:.22rem 0;display:flex}.Logo{flex-direction:row;align-items:center;margin:15px 0 15px 24px;display:flex}.Logo a{color:#073653;text-decoration:none}.Logo a h1 span{transition:all 60ms}.Logo a h1:hover span{border-top:.16rem solid #bbb;padding-right:4rem}.Logo h1{color:#073653;font-size:2.9rem;font-weight:800}.Logo h1 span{color:#bbb;margin-left:8px;font-size:1.4rem;font-weight:700}.Logo div{margin-right:10px}.mainNav{margin-right:3.2rem;display:flex}.mainNav li{margin-left:3.2rem;list-style:none}.mainNav li a{color:#073653;font-size:1.16rem;font-weight:700;text-decoration:none}.mainNav li a.active{color:#71d1b1}.mainNav li a:hover{text-decoration:underline}.mainContent-inner{width:calc(100% - 244px);max-width:1400px;margin:0 auto 1.8rem}@media only screen and (max-width:1400px){.mainContent-inner{width:90%}}.mainContent-inner h1{text-align:center;margin-bottom:1.7rem;font-weight:700}.mainContent-inner p{margin-bottom:1rem;font-size:16px;line-height:1.4}.mainContent-inner p:last-of-type{margin-bottom:0}.mainContent-inner strong{font-size:17px;font-weight:700}.intro{color:#fff;text-align:center;z-index:100;background:#073653 radial-gradient(#ffffff1a,#0000) 50%/100% 400%;border:.2rem solid #073653;align-items:center;max-width:100%;padding:2.9rem 0 3.2rem;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.intro p{text-transform:uppercase;letter-spacing:.17rem;margin-bottom:1.2rem;font-size:1rem;line-height:2.7rem}.intro ul{justify-content:space-around;max-width:1400px;margin:.45rem auto 0;padding:0 4%;display:flex}.intro li{text-shadow:0 0 .24rem #ffffff52;margin:0 1rem;font-size:1.4rem;font-weight:600;line-height:1.2}.bubbles{z-index:-1;filter:blur(.06rem);position:absolute;top:calc(50% - 7.5px);left:calc(50% - 4px);transform:scale(1)}.bubbles div{opacity:.075;background:#71d1b1;border-radius:1rem;width:166px;height:166px;margin:auto;animation-name:intro-animation;animation-duration:10s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:forwards;position:absolute}.bubbles div:first-child{width:15px;height:15px;top:-3.6px;left:-186.9px}.bubbles div:nth-child(2){width:27.6px;height:27.6px;top:-37.8px;left:-197.4px}.bubbles div:nth-child(3){width:61.8px;height:61.8px;top:0;left:-206.5px}.bubbles div:nth-child(4){width:45.6px;height:45.6px;top:-32.4px;left:-142.1px}.bubbles div:nth-child(5){width:38.4px;height:38.4px;top:4.8px;left:-118.3px}.bubbles div:nth-child(6){width:37.8px;height:37.8px;top:-33.6px;left:-37.8px}.bubbles div:nth-child(7){width:38.4px;height:38.4px;top:-18px;left:-30.8px}.bubbles div:nth-child(8){width:99.6px;height:99.6px;top:-82.2px;left:-36.4px}.bubbles div:nth-child(9){width:38.4px;height:38.4px;top:4.8px;left:10.5px}.bubbles div:nth-child(10){width:99.6px;height:99.6px;top:0;left:0}.bubbles div:nth-child(11){width:50.4px;height:50.4px;top:10.2px;left:93.8px}.bubbles div:nth-child(12){width:27.6px;height:27.6px;top:-22.8px;left:154.7px}.bubbles div:nth-child(13){width:90px;height:90px;top:-33.6px;left:122.5px}@keyframes intro-animation{0%{transform:scale(.1)}20%{filter:blur(1.6rem);transform:scale(1.2)}30%{transform:scale(1)}40%{filter:blur(.1rem);transform:scale(1.2)}50%{filter:blur(1.8rem);transform:scale(1.6)rotate(90deg)}80%{filter:blur(.1rem);transform:scale(1.2)rotate(180deg)}to{transform:scale(.1)rotate(360deg)}}.welcome{text-align:left;align-items:center;margin:1.8rem 0;padding:0 6rem;display:flex}.welcome .icon{text-align:center;min-width:18rem;padding-left:2.2rem;padding-right:.6rem;position:relative}.welcome .icon p{color:#073653;letter-spacing:1rem;margin-left:-.43rem;font-size:4.3rem;font-weight:800;line-height:117px;position:relative;top:-.21rem}.welcome .icon p .static{opacity:.9}.welcome .icon p .animated{color:#71d1b1e6;text-shadow:0 0 .2rem #71d1b100;animation-name:coding-animation;animation-duration:10s;animation-timing-function:ease-in;animation-iteration-count:infinite;animation-fill-mode:backwards;-webkit-mask-image:linear-gradient(270deg,#fff,#0000);mask-image:linear-gradient(270deg,#fff,#0000)}.welcome .icon .dev-lines{width:14.1rem;height:7.7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.welcome .icon .lines{opacity:0;border:.5px solid #71d1b1;border-radius:0 0 0 .4rem;width:100%;height:100%;animation-name:coding-lines-animation;animation-duration:10s;animation-timing-function:ease-in;animation-iteration-count:infinite;position:relative;top:-.5px;-webkit-mask-image:linear-gradient(90deg,#fff,#0000);mask-image:linear-gradient(90deg,#fff,#0000);-webkit-mask-position:0;mask-position:0;-webkit-mask-size:0% 100%;mask-size:0% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.welcome .icon .lines-bg{opacity:0;border-top:none;border-bottom:.5px solid #71d1b1;border-left:.5px solid #71d1b1;border-right:none;border-radius:0 0 0 .4rem;width:100%;height:100%;animation-name:coding-lines-bg-animation;animation-duration:10s;animation-timing-function:ease-in;animation-iteration-count:infinite;position:absolute;top:3.72px;left:-2.7px;-webkit-mask-image:linear-gradient(90deg,#fff,#0000);mask-image:linear-gradient(90deg,#fff,#0000);-webkit-mask-position:0;mask-position:0;-webkit-mask-size:0% 100%;mask-size:0% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.welcome .icon .moneyshot-lines{opacity:1;border:2px solid #71d1b1;border-left:none;border-radius:0 .4rem .4rem 0;width:61px;height:100%;animation-name:coding-animation;animation-duration:10s;animation-timing-function:ease-in;animation-iteration-count:infinite;animation-fill-mode:backwards;position:absolute;top:-1px;right:0;-webkit-mask-image:linear-gradient(270deg,#fff,#0000);mask-image:linear-gradient(270deg,#fff,#0000)}.welcome .icon .bubbles{filter:none;margin-top:1.2rem;margin-left:-1.6rem;transform:scale(.7)}.welcome .icon .bubbles div{background:#71d1b1}.welcome .opener h2{color:#71d1b1;text-transform:uppercase;letter-spacing:.17rem;margin-bottom:.32rem;font-size:2.2rem;font-weight:800;line-height:1.2}.welcome .opener p{font-size:17px}.welcome .opener a{color:#073653;cursor:pointer;font-weight:800;text-decoration:none}.welcome .opener a:hover{text-decoration:underline}@keyframes coding-animation{0%{opacity:0}30%{opacity:.6}40%{opacity:1}62%{opacity:1;border-color:#0000}71%{opacity:.8;background-color:#0000;border-color:#0000}to{opacity:0;text-shadow:none;background-color:#0000;border-color:#0000}}@keyframes coding-lines-animation{0%{opacity:1;-webkit-mask-size:0% 100%;mask-size:0% 100%}18%{opacity:1;-webkit-mask-size:90% 100%;mask-size:90% 100%}32%{opacity:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}44%{opacity:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}0%{opacity:0;-webkit-mask-size:0% 100%;mask-size:0% 100%}}@keyframes coding-lines-bg-animation{0%{opacity:.5;-webkit-mask-size:0% 100%;mask-size:0% 100%}24%{opacity:.6;-webkit-mask-size:90% 100%;mask-size:90% 100%}29%{opacity:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}37%{opacity:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}0%{opacity:0;-webkit-mask-size:0% 100%;mask-size:0% 100%}}.postListing{text-align:center}.postListing h3{position:relative}.postListing img{width:100%}.postListing .post-link{cursor:pointer;border-top:.32rem solid #71d1b1;border-radius:.7rem;max-width:54rem;margin:.6rem auto 0;display:block;position:relative;overflow:hidden}.postListing .post-link a{z-index:100;display:block;position:relative}.postListing .post-link a:hover{border:none}.postListing .post-link a>span{display:block}.postListing .post-link:before,.postListing .post-link:after{content:"";opacity:0;z-index:200;pointer-events:none;transition:all .24s;position:absolute}.postListing .post-link:before{content:"🡪";color:#fff;z-index:300;font-size:1.6rem;top:50%;left:50%;transform:translate(-50%,-50%)}.postListing .post-link:after{background-color:#07365380;width:100%;height:100%;top:0;left:0}.postListing .post-link:hover:before,.postListing .post-link:hover:after{opacity:1}.postListing .link{color:#073653;letter-spacing:.06rem;text-transform:uppercase;border:1.6px solid #073653;border-radius:.3rem;margin-top:1.7rem;padding:.5rem 1rem;font-weight:800;text-decoration:none;transition:all .24s;display:inline-block}.postListing .link span{font-size:.86rem;position:relative;top:-.1rem;left:.1rem}.postListing .link:hover{color:#fff;background:#073653}.other .postListing .imageHover div{padding:.65rem 1.17rem;font-size:1rem}.history-container{position:relative}.history-nav{justify-content:flex-start;margin-top:1.95rem;margin-bottom:-151px;margin-left:-142.6px;display:flex;position:sticky;top:0}.history-nav a{color:#b3b3b3;cursor:pointer;text-decoration:none;transition:color .21s;position:relative}.history-nav a:before{content:"";width:4px;height:calc(100% + .36rem);transition:background .21s;position:absolute;top:-.18rem;right:-.7rem}.history-nav a.active{color:#073653}.history-nav a.active:before{background:#71d1b1}.history-nav a:hover{color:#71d1b1}.history-nav ul{border-right:4px solid #f6f6f6;margin-bottom:-.51rem;padding:10px 7px 10px 0}.history-nav li{text-align:right;width:120px;font-weight:700;line-height:1.7}@media only screen and (max-width:1700px){.history-nav{display:none}}.ongoing{color:#fff;text-transform:uppercase;letter-spacing:.17rem;z-index:300;background:#073653 radial-gradient(#ffffff1a,#0000) 50%/100% 400%;border:.2rem solid #073653;border-radius:50%;justify-content:center;align-items:center;width:6rem;height:6rem;padding:.56rem;font-size:.71rem;line-height:1.56;display:flex;position:absolute;top:-1.4rem;right:1.2rem}.ongoing:nth-of-type(2){z-index:200;background:#f6f6f6;border:.2rem solid #f6f6f6;top:-.6rem;right:1.2rem;transform:scale(.9)}.ongoing:nth-of-type(3){z-index:100;top:.56rem;right:1.2rem;transform:scale(.7)}.ongoing:nth-of-type(4){z-index:50;opacity:1;background:#f6f6f6;border:.2rem solid #f6f6f6;top:1rem;right:1.2rem;transform:scale(.7)}.ongoing:nth-of-type(5){z-index:25;background:#71d1b1;border-color:#71d1b1;top:1.56rem;right:1.2rem;transform:scale(.6)}.ongoing:nth-of-type(6){z-index:0;background:#71d1b1;border:none;border-radius:0;width:.18rem;height:calc(100% - 5.6rem);padding:0;top:7rem;right:4.86rem}.ongoing:nth-of-type(6).last{height:calc(100% - 7rem)}@media only screen and (max-width:1400px){.ongoing:nth-of-type(6){display:none}}.revvity.featured{margin-top:.2rem}.revvity .featured-images{justify-content:center;gap:.8rem;margin-top:1rem;display:flex}.revvity .featured-images .snap-image{background-color:#fff;border-top:.32rem solid #71d1b1;border-radius:.6rem;justify-content:center;align-items:center;width:200px;height:60px;display:flex;overflow:hidden}.pulselive{padding:0 6rem 2.1rem;position:relative}.pulselive.featured{margin-top:1.8rem}.pulselive .code-samples{gap:4.62rem}@media only screen and (max-width:1400px){.pulselive .code-samples{gap:2.1rem}}.pulselive .sample-project{color:#fff;background:#073653;border-top:.32rem solid #71d1b1;border-radius:.7rem;width:calc(36% + 3.2rem);position:relative}.pulselive .sample-project .snap-image{border-bottom:.1rem solid #ffffff70;padding:2.1rem 1.6rem 1rem;position:relative}.pulselive .sample-project .snap-image>span{border-radius:.5rem 0;animation-name:blinking-animation-bg;animation-duration:10s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.pulselive .sample-project .snap-image:before{content:"";background:linear-gradient(#0000,#fff6);width:100%;height:15rem;animation-name:blinking-animation;animation-duration:10s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;bottom:0;left:0}.pulselive .sample-project .snap-image:after{content:"";background:linear-gradient(#0000,#00000005);width:100%;height:2rem;position:absolute;bottom:0;left:0}.pulselive .sample-project .info{padding:1.43rem 3.2rem 1.67rem}.pulselive .sample-project img{z-index:100;border-radius:.5rem 0;overflow:hidden}@media only screen and (max-width:1024px){.pulselive .sample-project .hide-mobile{display:none}}.pulselive .sample-project h4{margin:0 1rem .4rem;font-size:1rem;font-weight:700;line-height:1.45}.pulselive .sample-project h4:first-of-type{letter-spacing:.021rem;text-transform:uppercase}.pulselive .sample-project p{text-align:center}.pulselive .sample-project p a{color:#71d1b1;font-weight:800;text-decoration:none}.pulselive .sample-project p a:hover{text-decoration:underline}.pulselive .sample-project p:last-of-type{margin-bottom:1.2rem}.pulselive .sample-project .link{color:#71d1b1;border-width:1px;border-color:#71d1b1;margin-top:0;padding:.36rem .81rem;font-size:.92rem;font-weight:800}.pulselive .sample-project .link:hover{color:#fff;background:#71d1b1;border-color:#71d1b1}.pulselive>.link{margin-top:1.2rem}.pulselive>p:last-of-type{margin-top:2.2rem}@keyframes blinking-animation{0%{height:15rem}70%{height:10rem}to{height:15rem}}@keyframes blinking-animation-bg{0%{box-shadow:0 0 2.2rem #fff6}70%{box-shadow:0 0 2.35rem #ffffffb3}to{box-shadow:0 0 2.2rem #fff6}}.code-samples{justify-content:center;margin-top:1rem;animation-name:sliding-out-animation;animation-duration:.8s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;display:inline-flex;position:relative;left:4rem}@media only screen and (max-width:1400px){.code-samples{animation-name:sliding-out-animation-mobile;left:0}}@keyframes sliding-out-animation{0%{opacity:1;left:0;transform:scale(1)}to{opacity:.8;left:15rem;transform:scale(.6)}}@keyframes sliding-out-animation-mobile{0%{opacity:1;left:0;transform:scale(1)}to{opacity:.8;left:0;transform:scale(.6)}}.monetate .img-container{max-width:45rem;margin:1.75rem auto 0}.monetate .beside-img{float:right;text-align:left;max-width:385px;display:block}.monetate .beside-img p{margin-bottom:10px}.monetate ul{margin-left:20px;font-size:16px;list-style:outside}.monetate .clear{clear:both;display:block}.monetate p:last-of-type{margin-top:1.7rem}.animated-3d{justify-content:center;align-items:flex-end;width:90px;height:112px;display:flex}.animated-3d .cube-3d{perspective:1200px;perspective-origin:160% -180%;justify-content:center;display:flex}.animated-3d .cube{width:72px;height:72px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform-origin:50% 100%;transition:all .8s;position:relative}.animated-3d .cube>div{box-sizing:border-box;color:#fff;background:#073653b3 radial-gradient(#ffffff1f,#0000) 50%/100% 400%;border:1px solid #073653;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;font-weight:700;display:flex;position:absolute}.animated-3d .cube .front{transform:translateZ(35px)}.animated-3d .cube .back{transform:translateZ(-35px)rotateY(180deg)}.animated-3d .cube .right{transform-origin:100% 0;transform:rotateY(-270deg)translate(35px)}.animated-3d .cube .left{transform-origin:0;transform:rotateY(270deg)translate(-35px)}.animated-3d .cube .top{transform-origin:top;transform:rotateX(-270deg)translateY(-35px)}.animated-3d .cube .bottom{transform-origin:bottom;transform:rotateX(270deg)translateY(35px);box-shadow:0 0 2.3rem #07365370}.animated-3d:first-of-type .cube{transform:scaleY(.1)rotateX(0)rotateY(-7deg)rotate(10deg)translate(0,0)skew(10deg,-12.3deg)}.animated-3d:nth-of-type(2) .cube{transform:scaleY(.1)rotateX(0)rotateY(-7deg)rotate(10deg)translate3d(-7px,1px,-22px)skew(10deg,-11.07deg)}.animated-3d:nth-of-type(2) .cube>div{background:#71d1b1ab radial-gradient(#ffffff1f,#0000);border:1px solid #71d1b1}.animated-3d:nth-of-type(2) .cube .bottom{box-shadow:0 0 2.1rem #71d1b170}.animated-3d:nth-of-type(3) .cube{transform:scaleY(.1)rotateX(0)rotateY(-7deg)rotate(10deg)translate3d(-15.6px,2.1px,-46px)skew(10deg,-10.8deg)}.animated-3d:nth-of-type(3) .cube>div{background:#71d1b1ab radial-gradient(#ffffff1f,#0000);border:1px solid #71d1b1}.animated-3d:nth-of-type(3) .cube .bottom{box-shadow:0 0 2.1rem #71d1b170}.code-samples.sample-3d{gap:0;margin-top:0;padding:0 0 .82rem .7rem}.active .animated-3d:first-of-type .cube{transform:scaleY(.6)rotateX(0)rotateY(-7deg)rotate(10deg)translate(0,0)skew(10deg,-12.3deg)}.active .animated-3d:nth-of-type(2) .cube{transform:scaleY(.92)rotateX(0)rotateY(-7deg)rotate(10deg)translate3d(-7px,1px,-22px)skew(10deg,-11.07deg)}.active .animated-3d:nth-of-type(3) .cube{transform:scaleY(1.27)rotateX(0)rotateY(-7deg)rotate(10deg)translate3d(-15.6px,2.1px,-46px)skew(10deg,-10.8deg)}.sample-chart{margin-top:0}.sample-chart .animated-chart{width:9.6rem;height:9.6rem;transform-style:preserve-3d;transform:rotate3d(1,1,1,-36.1deg)}.sample-chart .animated-chart svg{overflow:visible}.sample-chart .animated-chart svg:nth-of-type(2){position:absolute;top:0;left:0;transform:scale(.78)}.sample-chart .animated-chart svg:nth-of-type(3){position:absolute;top:0;left:0;transform:scale(.6)}.sample-chart:after{content:"";filter:blur(.7rem);opacity:0;width:64%;height:2rem;transform-style:preserve-3d;background:#71d1b170;transition:opacity .8s;position:absolute;bottom:-2.4rem;left:50%;transform:translate(-50%)scaleY(.32)}.sample-chart .circle{fill:none;stroke-width:3.67px;stroke:#71d1b1;display:none}.sample-chart .circle-bg{fill:none;stroke-width:3.67px;stroke:#71d1b11a}.sample-chart .circle-inner{fill:none;stroke-width:2.9px;stroke:#71d1b1;display:none}.sample-chart .circle-inner-bg{fill:none;stroke-width:2.9px;stroke:#71d1b11a}.sample-chart .circle-centre{fill:none;stroke-width:3.2px;stroke:#073653;display:none}.sample-chart .circle-centre-bg{fill:none;stroke-width:3.2px;stroke:#0736531a}.active .sample-chart .circle,.active .sample-chart .circle-inner,.active .sample-chart .circle-centre{animation:1.25s ease-out forwards progress;display:block}.active .sample-chart:after{opacity:1}@keyframes progress{0%{stroke-dasharray:0 100}}.featured{background:#f6f6f6;border:.16rem solid #0000;border-radius:1rem;margin:2.17rem 0;padding:2.2rem 5.6rem;transition:border .21s;position:relative}@media only screen and (max-width:1400px){.featured{animation-name:sliding-animation-mobile}}.featured:before{content:"";pointer-events:none;opacity:0;width:99.2%;height:99.2%;transition:opacity .21s;position:absolute;top:calc(.8% + .35rem);left:-.45rem}.featured.active{border:.16rem solid #71d1b1;margin-left:0}.featured.active:before{opacity:1;border-bottom:.1rem solid #71d1b1;border-left:.1rem solid #71d1b1;border-radius:0 0 0 1rem}.featured.active .code-samples{animation-name:sliding-animation;animation-duration:.8s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@media only screen and (max-width:1400px){.featured.active .code-samples{animation-name:sliding-animation-mobile;left:0}}.featured.active.initial .code-samples{animation-duration:0s}.featured.active.loaded .code-samples{animation-duration:.8s}.featured.revvity .featured-images{opacity:0;transition:all .8s ease-in-out}@media only screen and (max-width:1400px){.featured.revvity .featured-images{margin-left:1px}}.featured.revvity.active .featured-images{opacity:1}.featured.conversion .code-samples{margin-left:32rem;transition:all .8s ease-in-out}@media only screen and (max-width:1400px){.featured.conversion .code-samples{margin-left:0}}.featured.conversion.active .code-samples{margin-left:0}.featured.monetate .code-samples{margin-top:.24rem;margin-bottom:2.2rem;margin-left:36.7rem;transition:all .8s ease-in-out}@media only screen and (max-width:1400px){.featured.monetate .code-samples{margin-left:0}}.featured.monetate.active .code-samples{margin-left:0}.featured.fineandrare .code-samples{margin-top:.16rem;margin-left:15rem;transition:all .8s ease-in-out}@media only screen and (max-width:1400px){.featured.fineandrare .code-samples{margin-left:0}}.featured.fineandrare.active .code-samples{margin-left:0}@keyframes sliding-animation{0%{opacity:.8;left:15rem;transform:scale(.6)}to{opacity:1;left:0;transform:scale(1)}}@keyframes sliding-animation-mobile{0%{opacity:.8;left:0;transform:scale(.6)}to{opacity:1;left:0;transform:scale(1)}}.featured h3{letter-spacing:.17rem;text-transform:uppercase;padding-bottom:.4rem;font-size:1.7rem;font-weight:800;line-height:1.2}.featured h4{margin-bottom:1.35rem;font-size:1rem;font-weight:700;line-height:1.4}.featured p{max-width:40rem;margin-left:auto;margin-right:auto}.additional{text-align:center;flex-wrap:wrap;justify-content:space-between;padding-top:1.7rem;display:flex}.additional .other{width:48%}.additional .postImage{padding:0 7.25rem 4rem;position:relative}.additional h3{padding:2.5rem 0 2rem;font-size:1.7rem}.additional h4{color:#bbb;text-transform:uppercase;margin:.25rem 2rem 0 0;font-size:1.7rem}.additional .postImage span{color:#8b8b8b;cursor:pointer;padding:1rem;font-size:1.55rem;transition:all .1s;position:absolute;top:calc(50% - 2rem);transform:translate(-50%,-50%)}.additional .postImage span:first-child{left:9%}.additional .postImage span:nth-child(2){left:91%}.additional .postImage span:hover{color:#242424;transition:all .1s;top:calc(50% - 2rem);transform:scale(1.25)translate(-50%)translateY(calc(.325rem - 50%))}.additional .postImage span:first-child:hover{left:9.75%}.additional .postImage span:nth-child(2):hover{left:92.25%}@keyframes postFadeIn{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}@keyframes postFadeInLeft{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes postFadeOut{0%{opacity:1}to{opacity:0}}.additional .postListing{background:#f6f6f6;margin-top:2.25em;margin-bottom:1.5rem}.additional .slide-1 .postListing{opacity:0;display:none}.additional .slide-1 .postListing:first-child{opacity:1;display:block}.additional .slide-2 .postListing{opacity:0;display:none}.additional .slide-2 .postListing:nth-child(2){opacity:1;display:block}.additional .slide-3 .postListing{opacity:0;display:none}.additional .slide-3 .postListing:nth-child(3){opacity:1;display:block}.additional .slide-1.direction-right .postListing:first-child,.additional .slide-2.direction-right .postListing:nth-child(2),.additional .slide-3.direction-right .postListing:nth-child(3){animation:.4s postFadeIn}.additional .slide-1.direction-left .postListing:first-child,.additional .slide-2.direction-left .postListing:nth-child(2),.additional .slide-3.direction-left .postListing:nth-child(3){animation:.4s postFadeInLeft}.additional .slidesTitle{justify-content:center;display:flex}.additional .showSlide{cursor:pointer;margin-top:9px}.additional .showSlide span{border:3px solid #ccc;width:17px;height:14px;display:block}.additional .showSlide.active span,.additional .showSlide:hover span{border-color:#073653}.additional .showList{cursor:pointer;margin-top:9px}.additional .showList span{background:#d3d3d3;width:21px;height:3px;margin-bottom:5px;margin-left:8px;display:block}.additional .showList.active span,.additional .showList:hover span{background:#073653}.additional .showList span:last-child{margin-bottom:0}.additional .list .postListing{opacity:1;display:block}.additional .list .postImage span{display:none}@media only screen and (max-width:1025px){.Logo{margin:1rem 0 1rem 1rem}.Logo h1{font-size:2.5rem}.Logo h1 span{clear:both;margin-left:0;font-size:1.1rem;display:block}.mainNav{margin-right:1rem;display:block}.mainNav li{text-align:right;margin-left:0;padding:.25rem}.intro{padding:1.5rem 1.5rem 2rem}.intro p{margin-bottom:2rem;font-size:1rem;line-height:1.5rem}.intro br{display:none}.intro ul{flex-wrap:wrap;justify-content:space-around;margin-top:.75rem;padding:0;display:flex}.intro li{margin-top:1rem;font-size:1rem}.intro li span{display:none}.welcome{flex-direction:column;padding:0}.welcome .opener{text-align:center}.welcome .opener h2{margin-top:1.6rem;font-size:1.2rem}.ongoing{display:none}.code-samples{flex-direction:column}.code-samples.sample-3d{flex-direction:row}.code-samples .sample-project{width:auto}.featured{margin:1rem 0;padding:1rem 1rem 1.6rem}.featured h3{padding:.5rem 0 1rem;font-size:1.5rem}.mainContent p{line-height:120%}.postListing .link{margin-top:1.2rem;font-size:.9rem}.monetate .img-container{margin-top:1.2rem}.footer p{line-height:107.5%}}.postContainer{width:90%;max-width:1400px;margin:1.7rem auto}.postContent{border:1px solid #b3b3b3;justify-content:space-between;padding:5.3rem 6.7rem;display:flex}.postContent .featuredImage{width:36.7%;position:relative}.postContent .featuredImage img{width:100%}.postContent .postInfo{width:59%;padding-bottom:.7rem;font-size:1rem}.postContent h1{text-transform:uppercase;letter-spacing:.17rem;margin-bottom:1.75rem;font-size:2.85rem;font-style:normal;font-weight:800}.postContent p.siteLink{color:#bbb;text-transform:uppercase;border:2px solid #bbb;margin:0;padding:.15rem .65rem;font-weight:800;text-decoration:none}.postContent a.siteLink.active{color:#073653;text-transform:uppercase;border:2px solid #073653;padding:.2rem .8rem;font-weight:800;text-decoration:none}.postContent a.siteLink.active:hover{color:#fff;background:#073653}.postContent div.siteLink.inactive{color:#bbb;text-transform:uppercase;cursor:default;border:2px solid #bbb;margin-bottom:2.4rem;padding:.2rem .8rem;font-size:1.1rem;font-style:normal;font-weight:800;line-height:1.5rem;text-decoration:none;display:inline-block}.postContent p{margin-bottom:2.4rem;font-size:1.1rem;font-style:normal;font-weight:400;line-height:1.5rem}.postContent p:last-child{margin-bottom:0}.postContent span{color:#9b9b9b;margin-top:1.55rem;display:inline-block}.postContent p:first-child{margin-bottom:2.45rem}.postContent h5{text-transform:uppercase;letter-spacing:.17rem;margin-bottom:1rem;font-size:1.1rem;font-style:normal;font-weight:800;line-height:1.5rem}.postContent ul{padding-left:.91rem;line-height:1.5;list-style:outside}.postContent .imageAndText{justify-content:space-between;margin-bottom:2.4rem;display:flex}.postContent .imageAndText p{margin-bottom:.7rem}.postContent .imageAndText:last-child{margin-bottom:0}.postContent .contentImage{width:44%}.postContent .contentImage img{border-radius:.5rem 0;width:100%;height:auto}.postContent .contentText{width:52%}.portfolio-container .featured{background:0 0;margin:0}.portfolio-container .additional{text-align:center;justify-content:space-between;margin:1.75rem auto;padding-top:0;display:flex}.portfolio-container .other{width:31%}.portfolio-container img{vertical-align:bottom}.portfolio-container h3{padding:1.7rem 0 1.5rem;font-size:1.25rem}.portfolio-container h4{margin:.125rem .9rem 0 0;font-size:1.25rem}.portfolio-container .postImage{padding:0 4.5rem 2.55rem;position:relative}.portfolio-container .postImage span:first-child{left:8.25%}.portfolio-container .postImage span:nth-child(2){left:91.5%}.portfolio-container .postImage span:first-child:hover{left:9.25%}.portfolio-container .postImage span:nth-child(2):hover{left:92.9%}.portfolio-container .additional .postImage span{padding:1rem;font-size:1.2rem;top:calc(50% - 1.5rem)}.portfolio-container .postListing{margin-top:1.75rem}.portfolio-container .postListing .imageHover div{padding:.55rem 1rem;font-size:.9rem}.portfolio-container .postImage span:hover{transition:all .1s;top:calc(50% - 2rem);transform:scale(1.2)translate(-50%)translateY(calc(.6625rem - 50%))}.portfolio-container .slidesTitle{justify-content:center;display:flex}.portfolio-container .showSlide{cursor:pointer;margin-top:2px}.portfolio-container .showSlide span{border:3px solid #ccc;width:17px;height:14px;display:block}.portfolio-container .showSlide.active span,.portfolio-container .showSlide:hover span{border-color:#073653}.portfolio-container .showList{cursor:pointer;margin-top:2px}.portfolio-container .showList span{background:#d3d3d3;width:21px;height:3px;margin-bottom:5px;margin-left:8px;display:block}.portfolio-container .showList.active span,.portfolio-container .showList:hover span{background:#073653}.portfolio-container .showList span:last-child{margin-bottom:0}.portfolio-container .additional .list .postListing{opacity:1;display:block}.portfolio-container .additional .list .postImage span{display:none}@media only screen and (max-width:1025px){.Logo{margin:1rem 0 1rem 1rem}.Logo h1{font-size:2.5rem}.Logo h1 span{clear:both;margin-left:0;font-size:1.1rem;display:block}.mainNav{margin:0 1rem;display:block}.mainNav li{text-align:right;margin-left:0;padding:.4rem}.postContainer,.portfolio-container .additional{margin:1.5rem auto}.postContent{text-align:left;padding:1.5rem;display:block}.postContent .featuredImage{width:60%;min-height:30rem;margin:0 auto}.postContent .postInfo{width:100%}.postContent h1{margin-top:1.25rem;margin-bottom:1.25rem;font-size:1.5rem;font-style:normal;font-weight:800}.postContent h5{margin-top:1rem}.postContent .imageAndText{margin-top:1.5rem;margin-bottom:.7rem;display:block}.postContent .contentImage{width:60%;margin:0 auto}.postContent .contentText{width:100%}.portfolio-container{margin-top:3rem}.additional .postListing{margin-top:1.5em}.additional h4{margin:.25rem 1.5rem 0 0;font-size:1.5rem}.additional .other{width:100%}.additional h3{padding:1.5rem 0 1rem;font-size:1.5rem}.additional .postImage{padding:0 11% 2rem}.additional .postImage span:first-child{left:5%}.additional .postImage span:nth-child(2){left:95%}.additional .postImage span{top:calc(50% - 1.5rem)}.postImage span{padding:.5rem;font-size:1.35rem}.postImage span:hover{color:#242424;transition:all .1s;top:calc(50% - 1rem);transform:scale(1)translate(-50%)translateY(calc(.5rem - 50%))!important}.postImage span:first-child:hover{left:5%!important}.postImage span:nth-child(2):hover{left:95%!important}}.pageContainer main{border:1px solid #b3b3b3;justify-content:space-between;width:90%;max-width:1400px;margin:1.75rem auto;display:flex}.pageContainer .pageContent{width:100%;padding:5.5rem 6.5rem}.pageContainer .pageContent h1{text-transform:uppercase;letter-spacing:.17rem;margin-bottom:1.8rem;font-size:2.76rem;font-style:normal;font-weight:800}.pageContainer .pageContent p{margin-bottom:1.8rem;font-size:1.16rem;font-style:normal;line-height:1.5rem}.pageContainer .pageContent strong,.pageContainer .pageContent b{font-weight:800}.pageContainer .pageContent p:last-child{margin-bottom:0}.pageContainer .pageContent a{color:#073653;text-decoration:none}.pageContainer .pageContent a:hover{text-decoration:underline}.pageContainer .profilePic{text-align:center;text-transform:uppercase;letter-spacing:.17rem;border-left:1px solid #b3b3b3;width:18%;padding:5.5rem 3.5rem}.pageContainer .profilePic img{object-fit:contain;filter:brightness(1.244);border-radius:2.4rem;width:100%;height:auto}.pageContainer .profilePic .caption{opacity:.8;margin-top:1rem;font-size:.7rem;font-weight:400}.pageContainer .profilePic p{text-transform:uppercase;margin-top:.8rem;font-size:.7rem;font-weight:800;line-height:1.2rem}@keyframes flip{0%{transform:rotateX(0)}50%{transform:translate(100px)translate(-35%)rotateY(-90deg)rotate(-90deg)scaleX(-.4)scaleY(-.4)}to{transform:translate(0)rotateY(-180deg)rotate(-180deg)scaleX(-1)scaleY(-1)}}@keyframes flipBack{0%{transform:rotateY(180deg)}50%{transform:rotateY(100deg)}to{transform:rotateY(0)}}.pageContainer .flipBox{justify-content:flex-start;display:flex}.pageContainer .flipBox p{white-space:nowrap;margin-bottom:0}.pageContainer .flipBox .boxContent{text-align:center;width:30%;height:180px;transform-style:preserve-3d;cursor:pointer;display:flex;position:relative}.pageContainer .flipBox .boxContent:first-child{margin-right:1.8rem}.pageContainer .flipBox .innerContent{padding:10px 25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.pageContainer .flipBox .boxContent>div{backface-visibility:hidden;position:absolute}.pageContainer .flipBox .front{color:#fff;-webkit-user-select:auto;user-select:auto;z-index:150;background:#073653 radial-gradient(#ffffff1a,#0000) 50%/100% 400%;border:.2rem solid #073653;border-radius:.4rem;width:100%;height:100%;position:relative}.pageContainer .flipBox .front p{text-transform:uppercase;letter-spacing:.17rem;font-size:2.85rem;font-weight:800;line-height:normal}.pageContainer .flipBox .back{color:#242424;-webkit-user-select:none;user-select:none;z-index:100;border:.2rem solid #71d1b1;border-radius:.4rem;width:100%;height:100%;position:relative;transform:rotateY(180deg)}.pageContainer .flipBox .back strong{font-size:1.2rem;line-height:1.4}.pageContainer .flipBox .back a strong{color:#073653}.pageContainer .flipBox .back .innerContent{cursor:auto}.pageContainer .flipBox .flipped .back{-webkit-user-select:auto;user-select:auto;z-index:200}.pageContainer .flipBox .flipped .front{-webkit-user-select:none;user-select:none;z-index:50}.pageContainer .flipBox .boxContent.active{animation:.4s flipBack}.pageContainer .flipBox .boxContent.active.flipped{animation:.4s forwards flip}@media only screen and (max-width:1025px){.pageContainer main{margin:1.5rem auto;display:block}.pageContainer .pageContent{word-wrap:break-word;text-align:center;width:auto;padding:1.5rem}.pageContainer .pageContent h1{font-size:1.5rem}.pageContainer .pageContent p{margin-bottom:2rem}.pageContainer .profilePic{border-top:1px solid #b3b3b3;border-left:0;width:auto;padding:3rem 30%}.pageContainer .profilePic p{font-size:1.25rem}.pageContainer .boxContent{margin-bottom:1.5rem;width:auto!important}.pageContainer .flipBox{display:block}.pageContainer .flipBox a{font-size:1rem}.pageContainer .flipBox .front p{margin-bottom:0;font-size:1.5rem}.pageContainer .flipBox .back .innerContent{min-width:50%;max-width:80%}.pageContainer .flipBox .back .innerContent p{margin:0 auto;font-size:1rem}.pageContainer .flipBox .boxContent:first-child{margin-right:0}}.other.dodec.list .postListing:nth-child(3),.other.personal .postImage>span{display:none}.siteLink.inactive{margin-top:-5px}.personal .showList,.showSlide{display:none}.other:not(.dodec) h4{margin-right:0}.portfolio-container h4{min-height:24px}.conversion-popup{z-index:999;opacity:0;visibility:hidden;width:100%;height:100%;max-height:0;transition:opacity .21s;display:block;position:fixed;top:0;left:0}.conversion-popup.show{opacity:1;visibility:visible;max-height:none}.conversion-popup.hide{display:none}.popup-overlay{background:#073653ad;width:100%;height:100%;display:block;position:absolute}.popup-inner{background:0 0;border-radius:1rem;width:1000px;max-width:calc(100% - 100px);height:575px;max-height:calc(100% - 150px);padding:2rem 2rem 3.2rem;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.conversion-popup:not(.show) .popup-inner{display:none}.popup-close{cursor:pointer;color:#fff;text-shadow:0 0 1.4rem #073653;font-size:1.6rem;font-weight:700;transition:color .21s;position:absolute;top:-.8rem;right:3.2rem}.popup-close:hover{color:#71d1b1}.popup-content{height:100%}.popup-content h3{margin-bottom:3rem;font-size:1.5rem}.work-samples{width:100%;height:100%;margin:0 auto;display:block;position:relative}.sample-controls{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;padding:1rem;font-size:2.7rem;font-weight:700;transition:all .21s;position:absolute;top:50%;transform:translateY(-50%)}.sample-controls span{text-shadow:0 0 1.4rem #073653}.sample-controls.left{left:-3.4rem}.sample-controls.right{right:-3.4rem}.sample-controls.left:hover,.sample-controls.right:hover{color:#71d1b1;transform:scale(1.2)translateY(calc(.34rem - 50%))translate(-.0264rem)}.sample-controls.right:hover{transform:scale(1.2)translateY(calc(.34rem - 50%))translate(.0264rem)}.sample-navigation{justify-content:center;align-items:center;height:1.2rem;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.sample-navigation>div{cursor:pointer;background:#fff;border-radius:50%;width:.82rem;height:.82rem;margin:0 .41rem;transition:all .21s;box-shadow:0 0 2.4rem #07365399}.sample-navigation>div.active{background:#073653;box-shadow:0 0 2.4rem #fff9}.sample-navigation>div:hover{background:#71d1b1;transform:scale(1.2)}.work-samples .sample{opacity:0;visibility:hidden;background:#fff;border:0;width:calc(100% - 8rem);height:0;margin:0 auto;padding:0;overflow-y:scroll;box-shadow:0 0 2.4rem #07365399}.samples-1 .sample-1,.samples-2 .sample-2,.samples-3 .sample-3,.samples-4 .sample-4{opacity:1;visibility:visible;border:.1rem solid #b3b3b3;height:calc(100% - 4.2rem);padding:2.4rem 2.7rem}.samples-1 .sample-1>div,.samples-2 .sample-2>div,.samples-3 .sample-3>div,.samples-4 .sample-4>div{animation-name:fade-animation;animation-duration:.3s;animation-timing-function:ease-in-out;animation-fill-mode:backwards}@keyframes fade-animation{0%{opacity:0}to{opacity:1}}.sample h4{color:#71d1b1;text-transform:uppercase;letter-spacing:.17rem;margin-bottom:1.5rem;font-size:1.8rem;font-style:normal;font-weight:800}.sample p{margin-bottom:1.5rem;font-size:16px;font-style:normal;line-height:1.5rem;display:flex}.sample p>span:first-child{text-align:right;min-width:110px;margin-right:1rem;font-weight:800}.sample a{color:#073653;letter-spacing:.06rem;text-transform:uppercase;border:1px solid #073653;border-radius:.3rem;margin-top:-.05rem;padding:.36rem .81rem;font-size:.92rem;font-weight:800;line-height:1;text-decoration:none;transition:all .24s;display:inline-block}.sample a:active{color:#073653;border:2px solid #073653;padding:.2rem .8rem}.sample a:hover{color:#fff;background:#073653}.sample-image{border-top:1.6px solid #b3b3b3;margin-top:2.1rem;padding-top:1rem}body{color:#323232;font-family:Open Sans,Helvetica,sans-serif}.footer{text-align:center;width:100%;padding:1.5rem 0 4.5rem}.footer p{color:#bbb}.footer a{color:#bbb;text-decoration:none}.footer a:hover{color:#073653}@media only screen and (max-width:800px){.footer{padding:0 0 1.5rem;font-size:.9rem}.footer p{padding:0 1.5rem;line-height:1.4}}
