@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes text-appear{0%{opacity:0;translate:0 3rem}}@keyframes slideFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes pageTransition{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:NeueMachina;src:url(/fonts/NeueMachina-Regular.woff)format("woff"),url(/fonts/NeueMachina-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NeueMachina;src:url(/fonts/NeueMachina-Ultrabold.woff)format("woff"),url(/fonts/NeueMachina-Ultrabold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:NeueMachina;src:url(/fonts/NeueMachina-Light.woff)format("woff"),url(/fonts/NeueMachina-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SpaceMono;src:url(/fonts/SpaceMono-Regular.woff)format("woff"),url(/fonts/SpaceMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SpaceMono;src:url(/fonts/SpaceMono-Bold.woff)format("woff"),url(/fonts/SpaceMono-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}.divider{background:linear-gradient(90deg,#0fc7d2 0% 24%,#9fdf6c 25% 49%,#fdc500 50% 74%,#de3d64 75% 100%);width:96px;height:4px;margin-top:8px}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin-top:1.5rem;font-family:NeueMachina,sans-serif;font-weight:700!important}h1,.h1{font-size:2.5rem}h2,.h2{font-size:2rem}h3,.h3{font-size:1.75rem}h4,.h4{font-size:1.5rem}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}.display--1{font-family:NeueMachina,sans-serif;font-size:2.5rem;font-weight:700}@media screen and (min-width:768px){.display--1{font-size:4rem}}@media screen and (min-width:1200px){.display--1{font-size:5rem}}.display--2{font-family:NeueMachina,sans-serif;font-size:5rem;font-weight:700}.display--3{font-family:NeueMachina,sans-serif;font-size:3.5rem;font-weight:700}.tag{color:#331e73;letter-spacing:.03125rem;background:#c6bde2;border-radius:.25rem;padding:.25rem;font-weight:700}.tag.tag--dev{color:#065458;background:#e7f9fb}.tag.tag--design{color:#6a5300;background:#fff9e6}.tag.tag--com{color:#5d1a2a;background:#fcecf0}.tag.tag--proj{color:#4f792d;background:#f5fcf0}a{color:#6d55b5;text-decoration:none}a:hover{color:#1e1244;text-decoration:underline}ul:not(.wp-block-list){padding:0}ul:not(.wp-block-list) li{margin-bottom:.5rem;list-style:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;background:0 0;border:none;padding:0}.btn{color:#fff;border:none;border-radius:6.25rem;flex-shrink:0;align-items:center;gap:.5rem;height:2.75rem;padding:1rem;font-weight:700;transition:all .3s ease-in-out;display:inline-flex;position:relative;overflow:hidden}.btn .btn-icon{margin-left:0;transition:all .3s ease-in-out}.btn:hover .btn-icon{margin-left:.5rem}.btn:focus-visible{outline:3px solid}.btn__content{z-index:5;grid-column-gap:.5rem;grid-row-gap:.5rem;justify-content:center;align-items:center;display:flex;position:relative}.btn__overlay{transform-style:preserve-3d;z-index:1;background-color:#8470c1;border-radius:100%;width:1rem;height:1rem;transition:all .3s ease-in-out;display:block;position:absolute;bottom:-40%;left:50%;transform:translate(-50%)}.btn:hover .btn__overlay{transform-style:preserve-3d;transform:translate(0,0)scale(20)rotateX(0)rotateY(0)rotate(0)skew(0deg)}.btn-primary{background-color:#1e1244;border-color:#1e1244}.btn-primary:hover{background-color:#482aa2;text-decoration:none}.btn-primary:disabled{background:#c6bde2}.btn-secondary{color:#3fd2db;background-color:#0000}.btn-secondary:hover{color:#1e1244;background-color:#3fd2db}.btn-secondary:disabled{color:#331e73;background:#c6bde2}.btn-white{color:#1e1244;background-color:#f8f8fb}.btn-white:hover{background-color:#0000;text-decoration:none}.btn-white:disabled{color:#331e73;background:#c6bde2}.btn-dev{color:#1e1244;background-color:#3fd2db}.btn-dev:hover{color:#1e1244;background-color:#3fd2db;text-decoration:none}.btn-dev:disabled{color:#331e73;background:#c6bde2;border-color:#c6bde2}.btn-dev.btn-outlined{color:#3fd2db;background-color:#0000;border:2px solid #3fd2db}.btn-dev.btn-outlined:hover{color:#1e1244;background-color:#3fd2db;border:2px solid #8470c1}.btn-success{color:#1e1244;background-color:#9fdf6c}.btn-success:hover{color:#1e1244;background-color:#9fdf6c;text-decoration:none}.btn-success:disabled{color:#331e73;background:#c6bde2}.btn-design{color:#1e1244;background-color:#fdc500}.btn-design:hover{color:#1e1244;background-color:#fdc500;text-decoration:none}.btn-design:disabled{color:#331e73;background:#c6bde2}blockquote{background:#edeaf6;border-radius:.5rem;width:100%;max-width:800px;margin:2rem auto;padding:3.5rem 2rem 2rem 3.5rem;position:relative}blockquote:before{content:"";background:var(--text-color-default,#ab9dd4);width:4px;height:calc(100% - 4rem);position:absolute;top:2rem;left:2rem}blockquote p{padding:1.5rem;font-size:1.5rem;line-height:1.5;position:relative}blockquote p:before{content:"“";color:var(--text-color-default,#ab9dd4);font-size:4rem;position:absolute;top:-3rem;left:0}blockquote p:after{content:"”";color:var(--text-color-default,#ab9dd4);font-size:4rem;position:absolute;bottom:-3rem;right:0}.wp-block-kevinbatdorf-code-block-pro pre{margin-bottom:0;padding:1.5rem}.badge{color:#ab9dd4;background-color:#482aa2;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1rem;display:flex}.badge-success{color:#4f792d;background-color:#b2e589}img.animate{animation:ease-in both image-appear;animation-timeline:view();animation-range:0 20vh}@keyframes image-appear{0%{opacity:0;translate:0 4rem}}.TemplateSection{background-image:url(/images/Background_Light.webp);background-repeat:no-repeat;background-size:cover;border-radius:6.25rem;align-items:center;gap:1.5rem;margin-bottom:3.5rem;padding:3.5rem;font-family:SpaceMono,sans-serif;display:flex;box-shadow:inset -3px -3px #3fd2db80,inset 3px 3px #e7f9fb80}.TemplateSection img{border-radius:2.75rem;flex-shrink:0;width:15rem}.section__header{margin-bottom:1.5rem}@media screen and (max-width:450px){.section__header{width:100%}}html{scroll-behavior:smooth;position:relative}body{box-sizing:border-box;color:#1e1244;background:linear-gradient(#fff,#f8f8fb) no-repeat fixed;font-family:SpaceMono,sans-serif;font-size:16px;line-height:1.8;transition-duration:1s}body img,body iframe{max-width:100%}body img{height:auto}body p{margin-bottom:1.5rem}body .bg-dark{color:#fff;background-color:#1e1244!important}body .section{overflow:hidden}body .bg-cyan{background-color:#0fc7d2}body .bg-yellow{background-color:#fdc500}body .bg-green{background-color:#9fdf6c}body .bg-magenta{background-color:#de3d64}body .bg-grey-2{background-color:#edeaf6}.bg-form{background-color:#1e1244;background-image:url(/images/bg-stars.webp);background-repeat:no-repeat;background-size:contain;min-height:100vh}.bg-landing{color:#fff;background-color:#281759;background-image:url(/images/bg_landing.webp);background-repeat:no-repeat;background-size:contain;position:relative;overflow:hidden}@media screen and (min-width:1200px){.bg-landing{background-size:cover}}.bg-landing .planet-pink{z-index:0;background-image:url(/images/planet-pink.webp);background-position:0;background-repeat:no-repeat;background-size:contain;display:block;position:absolute;top:500px;left:0}.bg-landing .planet-yellow{z-index:0;background-image:url(/images/planet-yellow.webp);background-position:100%;background-repeat:no-repeat;background-size:contain;display:block;position:absolute;top:500px;right:-50px}@media screen and (max-width:450px){.bg-landing .planet-yellow{width:200px;top:470px;right:0}}.rotating{animation:2s linear infinite rotating}.uppercase{text-transform:uppercase}.container-fluid{max-width:1024px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}figure.wp-block-table{width:100%!important;margin:0 0 1.5em!important;overflow-x:auto!important}figure.wp-block-table table{border-collapse:collapse!important;width:100%!important}figure.wp-block-table th,figure.wp-block-table td{text-align:left!important;border:1px solid #ddd!important;padding:8px!important}p:not(.no-animation),h2,h3,blockquote,hr{animation:ease-in both text-appear;animation-timeline:view();animation-range:0 20vh}@prefers-reduced-motion{p,h2,h3,blockquote,hr,img{animation:none}}.landing-header{justify-content:center;padding:20px;display:flex}.landing-header__logo{z-index:10;width:150px;height:50px;position:relative}
