html{scroll-behavior:smooth}body{font-size:16px;margin:0;font-family:adelle-sans,sans-serif;font-weight:300;line-height:1.8;font-style:normal;background:#fff;position:relative}p{line-height:1.8}ul{list-style-type:none;margin:0;padding:0}a{text-decoration:none}img{width:100%}.wait{display:block}.skills-wrap{background-color:#f8f3ed;padding:11.25em 0}.skills-large{background:#fff;position:relative;display:none}.white-bg{background-color:#f8f3ed;position:absolute;top:0;left:0;height:100%;width:50%;display:none}#menu-toggle{opacity:0;position:absolute}#menu-toggle:checked+.menu-btn>span{transform:rotate(45deg)}#menu-toggle:checked+.menu-btn>span::before{top:0;transform:rotate(0deg)}#menu-toggle:checked+.menu-btn>span::after{top:0;transform:rotate(90deg)}#menu-toggle:checked~.menu-box{right:0 !important}.menu-btn{position:absolute;top:2.4em;right:2em;width:26px;height:26px;cursor:pointer;z-index:1}.menu-btn>span,.menu-btn>span::before,.menu-btn>span::after{display:block;position:absolute;width:100%;height:2px;background-color:#2d2b43;transition-duration:.25s}.menu-btn>span::before{content:"";top:-8px}.menu-btn>span::after{content:"";top:8px}.menu-box{display:flex;flex-direction:column;justify-content:center;position:fixed;top:0;right:-100%;width:300px;height:100%;margin:0;padding-top:5em;list-style:none;background-color:#fff;box-shadow:2px 2px 20px rgba(45,43,67,.2);transition-duration:.25s}.menu-link{border-bottom:1px solid #f2f2f2;margin-bottom:1em;padding-bottom:1em}.menu-link-end:last-child{border-bottom:1px solid #f2f2f2;padding-bottom:1em;margin-bottom:5em}.menu-item{display:block;padding:0 1em;color:#2d2b43;padding:.75rem 3rem;color:#2d2b43;font-size:.75em;font-weight:500;letter-spacing:.09375em;text-decoration:none;transition:all .15s linear}.menu-social{display:grid;grid-template-columns:repeat(3, auto);grid-gap:1.5em;padding:.75rem 3rem;align-items:center;width:fit-content}.menu-social li .menu-icon{display:flex;text-decoration:none;transition:all .15s linear}.menu-social li .menu-icon svg{fill:#2d2b43;width:1.475em}.menu-social li .menu-icon .ig-w{width:1.4375em}.menu-box .menu-icon:hover>svg{fill:#789bf1}.menu-box .menu-item:hover{color:#789bf1;background-color:#fafafa}header{display:flex;align-items:center;justify-content:center;z-index:4;height:79px;position:relative;border-bottom:1px solid #f2f2f2}header .header-con{display:flex;justify-content:left;width:100%;padding:0 2em}header .header-con .social-large{display:none}header .header-con .social-large .header-icon{display:flex;text-decoration:none}header .header-con .social-large .header-icon svg{fill:#789bf1;width:1.475em;transition:fill .15s linear}header .header-con .social-large .header-icon:hover svg{fill:#2d2b43}header .header-con .logo-head{display:flex}header .header-con .logo-head .jm-logo{max-width:2.5em;fill:#789bf1}header .header-con nav{display:none;margin:0 auto}header .header-con nav ul li .menu-item{padding:0}header .header-con nav ul li .menu-item:hover{color:#789bf1}.container{padding:4em 2em}.about-des{margin-bottom:0;padding:0}.social-con{display:grid;grid-template-columns:repeat(3, auto);justify-content:center;grid-gap:1em;align-items:center;padding-top:.2em}.social-con a{display:flex}.social-con a svg{transition:fill .15s linear;fill:#fff}.social-con a:hover svg{fill:#789bf1}.social-icons{fill:#fff}.ig{width:1.5em}.git{width:1.7em}.be{width:1.8em}.hero-graphic{display:none}.skills-graphic{display:none}.skills-graphic g .poly-anim{cursor:default}.grecaptcha-badge{visibility:hidden}.err{display:none;font-size:1.25em;color:#bf627e}.point-off{pointer-events:none}#hero{display:flex;justify-content:center;padding:0;position:relative;max-width:1920px;margin:0 auto;text-align:center;min-height:35em;align-items:center}.content{padding:0 2em;display:flex;flex-direction:column;justify-content:center;align-items:center}.content .top-type{font-family:neue-kabel,sans-serif;font-weight:900;font-style:normal;display:block}.content h1{font-size:3em;color:#2d2b43;line-height:1.2;margin:0}.content .joe-icon{display:flex;justify-content:center;align-items:center;margin-bottom:1em}.content .joe-icon img{width:3em;margin-right:1em}.content .joe-icon h2{font-size:1em;color:#2d2b43;font-weight:300;margin:0}.content h3{font-size:1em;max-width:51ch;color:#2d2b43;font-weight:300;padding-top:1.25em;margin:0}.work-info{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.work-info h1{font-family:neue-kabel,sans-serif;font-size:3em;font-weight:900;font-style:normal;display:block;line-height:1.2;margin:0}.work-info .work-text{display:flex;flex-direction:column}.work-info .work-text h1{font-size:3em;color:#2d2b43;line-height:1.2;margin:0}.work-info .work-text h3{font-size:1em;color:#2d2b43;font-weight:300;padding-top:1.25em;margin:0;max-width:50ch}.behance{display:block;fill:#789bf1;width:1.5em}.be-link{position:relative;display:flex;justify-content:center;padding:1em 0}#arrow{visibility:hidden}.arrow{width:11.03375em;margin-top:-0.2em;display:none}.draw1{stroke:#2d2b43;stroke-width:1;stroke-dasharray:250;stroke-dashoffset:250;animation:ani1 .8s linear forwards;animation-delay:0s}.draw2{stroke:#2d2b43;stroke-width:1;stroke-dasharray:40;stroke-dashoffset:40;animation:ani3 .5s linear forwards;animation-delay:1s}.draw3{stroke:#2d2b43;stroke-width:1;stroke-dasharray:40;stroke-dashoffset:40;animation:ani2 .5s linear forwards;animation-delay:.7s}@keyframes ani1{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}@keyframes ani2{from{stroke-dashoffset:50}to{stroke-dashoffset:0}}@keyframes ani3{from{stroke-dashoffset:50}to{stroke-dashoffset:0}}.work-info a svg:hover{fill:#7b6dcc}.btn{font-family:adelle-sans,sans-serif;font-weight:300;font-style:normal;width:100%;height:3.75em;font-size:1em;border:none;color:#fff;background-color:#789bf1;letter-spacing:.09375em;transition:background-color .15s linear;display:flex;justify-content:center;align-items:center}.btn:hover{background-color:#fff;color:#2d2b43;border:1px solid #789bf1;box-sizing:border-box;cursor:pointer}.email-me-mobile .btn:hover{color:#789bf1}.copy{position:absolute;width:6.5em;right:0;bottom:0;border:none;transition:all .15s ease-in-out;transform:translateX(-6.5rem);opacity:0;visibility:hidden;z-index:2}.copy-ani{position:absolute;width:6.5em;height:100%;right:1.8em;bottom:0;color:#789bf1;z-index:1;display:flex;justify-content:center;align-items:center}.copy-arrow{width:2em;transform-origin:50% 50%;animation:yo-yo 1.5s infinite ease-in-out}.in-out{transition:all .5s ease-in-out;transform:translateX(0)}.email-me:hover .in-out{transform:translateX(-2rem)}@keyframes yo-yo{0%{transform:translateX(0)}50%{transform:translateX(-5px)}100%{transform:translateX(0)}}.email-con{display:flex;justify-content:center}.email-me{z-index:2;width:14.375em;position:relative;margin-top:2em;padding-right:6.5em;margin-left:6.5em;display:none}.email-me-mobile{z-index:2;width:14.375em;margin-top:2em}.email-icon{display:none;color:#789bf1;margin-right:.2rem;margin-bottom:.0625rem}#copy-icon{color:#fff;margin-right:.2rem;margin-bottom:.0625rem}.e-large:hover .email-icon{display:unset}.h-an{position:relative;z-index:3}.copy:hover #copy-icon{color:#789bf1}.email-me:hover .copy{transform:translateX(0);opacity:1;visibility:visible}.mail-link:after{content:"jm@joemehler.com"}.btn:hover .mail-link:after{content:"Open mail app"}#about-me{background-color:#f8f3ed;overflow:hidden}.poly-top{position:absolute;width:250px;top:2em;left:-12em;z-index:-1}.poly-bottom{position:absolute;width:250px;top:2em;right:-12em;z-index:-1}section .intro{position:relative;display:flex;flex-direction:column;overflow:hidden}.my-work-con{padding:.5em 0 0;display:flex;flex-direction:column}#my-work .my-work-con:last-child{padding-bottom:0}.zoom{display:flex}.photo-con{display:flex;align-items:flex-start}.photo{margin-top:3em;z-index:1;height:auto;display:block}.about-title{color:#2d2b43;font-weight:700;font-size:2.1875em;display:block;line-height:1.4;margin:0;max-width:15ch;z-index:1}.about-des{color:#2d2b43;font-size:1em;max-width:43ch;z-index:1}.skills-title-m{color:#2d2b43;font-weight:700;font-size:1em;display:block;line-height:1.2;margin-bottom:.5em;margin-top:0}.skills-des-m{color:#2d2b43;font-size:.9em;max-width:25ch;margin-bottom:0}.skills-header-con{background-color:#f8f3ed;width:100%}.skills-header{color:#2d2b43;font-weight:700;font-size:1.5em;display:block;line-height:1.5;margin:0;padding:4rem 2rem 2rem;max-width:102rem;margin:0 auto;max-width:1550px}.tooltip{display:none}.tooltip text{font-size:.625em;font-family:AdelleSans-Regular,Adelle Sans;letter-spacing:.094em}.skills-con ul li{padding:2em 3em;border-radius:.4em;margin-bottom:2em;text-align:left;display:flex;justify-content:center}.skills-con ul li:first-child{margin-top:2em}.slide-content{display:flex;flex-direction:column}.icon-con-m{height:70px;display:flex;justify-content:start}.icon-con-m .sol-icon-m{fill:#789bf1;width:2em}.icon-con-m .line-icon-m{stroke:#789bf1;width:2em}.spacer{background-color:#f8f3ed;padding-bottom:10em;width:100%}#contact{width:100%}div.contact{padding-top:4em}.contact-con{margin-top:4em;margin-bottom:2em}.contact-con h4{color:#789bf1;font-weight:700;font-size:2.1875em;display:block;margin:0;line-height:1.4}.contact-con p{color:#2d2b43;margin-bottom:2rem;font-size:1rem;margin-top:0;max-width:30rem}.contact-con .thanks{display:flex;justify-content:center}.contact-con .thanks p{color:#789bf1;font-weight:700;font-size:1.5em;line-height:1.5;padding:4rem 0 0 0;margin:0}.form-input{margin-bottom:2em;font-size:1.25em;color:#737373;border:none;background:none;border-bottom:2px solid #2d2b43;width:100%;font-family:adelle-sans,sans-serif;font-weight:500;font-style:normal;letter-spacing:.09375em;box-sizing:border-box;border-radius:0}.contact-form{text-align:left;display:grid}.contact-form label{text-transform:uppercase;color:#2d2b43;font-weight:700;font-size:1.1em;display:block;margin-bottom:.7em;letter-spacing:.09375em}.contact-form textarea{margin-bottom:1.2em;font-size:1.25em;line-height:1.5;color:#737373;border:2px solid #2d2b43;background:none;width:100%;box-sizing:border-box;height:150px;padding:1% 2%;font-family:adelle-sans,sans-serif;font-weight:500;font-style:normal;min-height:150px;max-height:650px;letter-spacing:.09375em}.contact-form textarea:focus{outline:none;border-color:#789bf1}.contact-form input[type=text]:focus,.contact-form input[type=email]:focus{outline:none;border-color:#789bf1}.submit{position:relative;display:inline-block;margin-bottom:2em;font-size:2rem;color:#2d2b43;overflow:hidden;width:fit-content;height:fit-content;font-weight:500;text-decoration:underline;text-underline-position:under}.submit #send{border:none;background-color:rgba(0,0,0,0);z-index:1;position:absolute;top:0;left:0;width:6em;height:5em;cursor:pointer}.submit span{font-size:2rem;position:absolute;top:0;left:0;overflow:hidden;transform:translateX(-100%);transition:transform 275ms ease}.submit span::before{display:inline-block;content:attr(data-content);color:#789bf1;transform:translateX(100%);transition:transform 275ms ease;text-decoration:underline;text-underline-position:under}.submit:hover span{transform:translateX(0)}.submit:hover span::before{transform:translateX(0)}footer{background:#2d2b43;justify-content:center;position:relative;display:grid;grid-template-columns:max-content;height:17.5rem;align-content:center;overflow:hidden}.logo-w{width:120em;position:relative;margin:0 auto}.bg-logo{position:absolute;width:100%;top:-69em;opacity:.05}.footer-logo{width:110px;text-align:center;width:100%;z-index:1}.footer-logo img{margin-bottom:-0.4em;margin-top:.45em;width:110px}.footer-logo p{margin:0;color:#9a9a9a;font-size:.7em;letter-spacing:.0625em}@media only screen and (min-width: 500px){.content h1{font-size:4.214em}.content .joe-icon h2{font-size:1.125em}.content h3{font-size:1.125em}.my-work-con{padding:.5em 0 .5em}.work-info h1{font-size:4em}.work-info .work-text h3{font-size:1.125em}}@media only screen and (min-width: 561px){header .header-con{justify-content:center}.work-info .work-text{flex-direction:row}}@media only screen and (min-width: 561px)and (any-pointer: fine){.email-me{display:unset}.email-me-mobile{display:none}}@media only screen and (min-width: 561px){.behance{position:absolute;bottom:.55em;right:6.4em;width:1.4em}}@media only screen and (min-width: 561px){.arrow{display:block;width:8.03375em;margin-left:8em;margin-bottom:1em}}@media only screen and (min-width: 800px){header .header-con{padding:0 4em}.container{text-align:left;padding:8em 4em}.about-title{font-size:3.0625em}.photo{margin-top:6.25em}.about-des{font-size:1.25em}.contact-con{margin-bottom:0}.contact-con h4{font-size:3.0625em}.contact-con p{font-size:1.25em;margin-bottom:2.4rem}.submit{font-size:2em}.swiper-wrapper .card{left:80px;bottom:50px}.skills-header{font-size:2.1875em;padding:10rem 4rem 3.5rem 4rem}.skills-des-m{font-size:1em}.skills-title-m{font-size:1.4em}.icon-con-m{height:100px}.icon-con-m .sol-icon-m{width:3em}.icon-con-m .line-icon-m{width:3em}div.sw{height:510px}div.sw .swiper{height:510px}div.sw .swiper .swiper-wrapper{height:510px}div.sw .swiper .swiper-wrapper .swiper-slide{height:510px}.skills-con ul li:first-child{margin-top:0}.form-input{max-width:800px;font-size:1.5em}.contact-con textarea{height:200px;max-width:800px;padding:10px 20px;font-size:1.5em}.contact-con .thanks p{font-size:2.1875em;padding:12rem 0 4rem 0}.poly-top{top:-9em;left:-6em}.poly-bottom{bottom:-9em;left:-6em;top:auto}}@media only screen and (min-width: 960px){.hero-graphic{display:unset;width:13.9em;position:absolute}.hero-graphic .tooltip{display:unset;opacity:0;pointer-events:none}.graph-right{top:11em;right:4em;margin:auto}}@media only screen and (min-width: 1024px){.graph-right{top:13em;left:45.1em;right:12em}.container{padding:10em 4em 10em 4em}section .intro{max-width:1168px}.my-work-con{padding:1em 0 2em}.zoom img{transition:transform .5s ease}.zoom:hover img{transform:scale(0.98)}.arrow{margin-bottom:2em}.sw{display:none}.icon-con{height:70px;display:flex;justify-content:start}.icon-con .sol-icon{fill:#789bf1;width:2rem}.icon-con .line-icon{stroke:#789bf1;width:2rem}.skills-large{display:unset}.skills{display:grid;padding:0;background:#f8f3ed;padding:0;overflow:hidden}.skills-con{padding:0 4em;min-height:442px}.skills-con ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.5em}.skills-con ul li{background-color:#fff;margin-bottom:0}.skills-title{color:#2d2b43;font-weight:700;font-size:1em;display:block;line-height:1.2;margin-bottom:.5em;margin-top:0}.skills-des{color:#2d2b43;font-size:.9em;max-width:25ch}}@media only screen and (min-width: 1250px){header .header-con{justify-content:space-between;max-width:66.581875em}header .header-con nav{display:flex;padding-left:4em}header .header-con nav ul{display:grid;grid-template-columns:repeat(4, auto);justify-content:center;grid-gap:3em;align-items:center}header .header-con .social-large{display:grid;grid-template-columns:repeat(3, auto);grid-gap:1em;align-items:center;width:fit-content}header .header-con .social-large a .ig-w{width:1.4375em}.hamburger-menu{display:none}.behance{bottom:.6em;right:7em;width:1.65em}.arrow{width:9.03375em;margin-left:9.5em;margin-bottom:4.625em;margin-top:0}.icon-con{height:70px;display:flex;justify-content:start}.icon-con .sol-icon{fill:#789bf1;width:2rem}.icon-con .line-icon{stroke:#789bf1;width:2rem}.skills-header{padding:10rem 4rem 3.5rem 15%}.contact-con .thanks{justify-content:left}.contact-con .thanks p{padding:8rem 0 4rem 0}.white-bg{display:unset}.skills-con ul{display:flex;max-width:80em}.skills-title{color:#2d2b43;font-weight:700;font-size:1em;display:block;line-height:1.2;margin-bottom:.5em;margin-top:0}.skills-des{color:#2d2b43;font-size:.9em;max-width:25ch}.skills{display:grid;overflow:hidden;grid-template-columns:auto 85%;background:unset;justify-content:end;background:#f8f3ed;padding:0;position:relative;z-index:1;max-width:117rem;margin:0 auto}.skills-con{background:#fff;padding:4em 4em 4em 11em;border-radius:1.5em 0 0 1.5em;display:grid;align-content:center}.skills-con ul li{margin-bottom:0;padding:2em}.skills-graph-wrap{z-index:1;margin-right:-110px;opacity:1;position:relative;display:flex;align-items:center}.tooltip{display:unset;opacity:0;pointer-events:none}.skills-graphic{display:unset}.container{padding:10em 4em 10em 4em;max-width:1440px;margin:0 auto}div.contact{max-width:1550px;padding:10em 4em 10em 15%}.content h1{font-size:6.25em}.content .joe-icon img{width:4.0625em}.content .joe-icon h2{font-size:1.25em}.content h3{font-size:1.25em}.work-info h1{font-size:6.25em}.work-info .work-text h3{font-size:1.25em}.contact-con{margin-top:0;margin-bottom:4em}a.thumb{margin-left:auto;margin-right:0;max-width:500px}.enter-con{width:100%;display:grid;place-content:center}.my-work-con{padding:1em 0 4em}.poly-top{top:4em;left:-11.6em}.poly-bottom{bottom:auto;left:-11.6em;top:8em}}@media only screen and (min-width: 1550px){header .header-con{max-width:79.89875em}.content h1{font-size:7em}.content .joe-icon h2{font-size:1.5625em}.content h3{font-size:1.5625em;padding-top:1em;margin:0 auto}.email-me{margin-top:2.8125em}.email-me-mobile{margin-top:2.8125em}#hero{min-height:48em}.work-info h1{font-size:7.5em}.work-info .work-text h3{font-size:1.5625em}.behance{bottom:.8em;right:9em;width:1.938em}.arrow{width:11.03375em;margin-left:11.5em}.icon-con{height:100px}.icon-con .sol-icon{width:3rem}.icon-con .line-icon{width:3rem}.skills-con{padding-left:15em}.skills-con ul{grid-gap:2.5em}.skills-title{font-size:1.5em}.skills-des{font-size:1.125em}.container{padding:10em 4em 10em 4em}.poly-top{top:-9em;left:16%}.poly-bottom{bottom:-9em;left:16%;top:auto}}@media only screen and (min-width: 1920px){.skills-con ul{grid-gap:3em}}@media screen and (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}@media only screen and (min-width: 1930px){.skills-header{padding:10rem 4rem 3.5rem 18.5rem}div.contact{max-width:1550px;padding:10em 4em 10em 18.5em}}.swiper{background-color:#f8f3ed;overflow:hidden;touch-action:pan-y;height:450px}.gap{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative;border-radius:.4em}.sw{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:1em 0 5em;background-color:#f8f3ed;padding:0;overflow:hidden;height:450px}.swiper-slide{height:450px;width:350px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.card{background-color:rgba(0,0,0,0);position:absolute;left:80px;bottom:50px}.bot-gap{bottom:80px}.swiper-wrapper{display:flex;width:fit-content;height:450px}