Segoe UI",Inter,Poppins,Roboto,Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; } .ppx-ghl *{ box-sizing:border-box; } .ppx-ghl a{ text-decoration:none; color:inherit; } .ppx-ghl .ppx-hdr{ position:static; top:0; z-index:9999; padding:15px 0; transition:.3s var(--ease); background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); } .ppx-ghl .ppx-hdr.ppx-scrolled{ box-shadow:0 6px 24px rgba(124,58,237,.09); padding:10px 0; } .ppx-ghl .ppx-wrap{ width:100%; max-width:1180px; margin:0 auto; padding:0 24px; } .ppx-ghl .ppx-nav{ display:flex; align-items:center; gap:26px; } .ppx-ghl .ppx-logo{ display:flex; align-items:center; gap:10px; font-weight:850; font-size:19px; letter-spacing:-.4px; flex:none; color:var(--pp2); } .ppx-ghl .ppx-logo b{ color:var(--accent); font-weight:850; } .ppx-ghl .ppx-tap{ width:30px; height:34px; flex:none; } .ppx-ghl .ppx-tap .ppx-rip{ transform-box:view-box; transform-origin:30px 14px; animation:ppx-ghl-ripple 2.6s ease-out infinite; } .ppx-ghl .ppx-tap .ppx-r2{ animation-delay:.8s; } @keyframes ppx-ghl-ripple{ 0%{opacity:0;transform:scale(.3)} 25%{opacity:.9} 75%,100%{opacity:0;transform:scale(1)} } .ppx-ghl .ppx-navlinks{ display:flex; gap:26px; align-items:center; margin-left:10px; } .ppx-ghl .ppx-navlinks a{ color:var(--body); font-size:15px; font-weight:600; position:relative; transition:color .2s; } .ppx-ghl .ppx-navlinks a::after{ content:""; position:absolute; left:0; bottom:-6px; height:2px; width:0; background:var(--grad); transition:width .3s var(--ease); } .ppx-ghl .ppx-navlinks a:hover{ color:var(--accent); } .ppx-ghl .ppx-navlinks a:hover::after{ width:100%; } .ppx-ghl .ppx-actions{ display:flex; align-items:center; gap:14px; margin-left:auto; } .ppx-ghl .ppx-login{ color:var(--body); font-weight:600; font-size:15px; transition:color .2s; } .ppx-ghl .ppx-login:hover{ color:var(--pp); } .ppx-ghl .ppx-btn{ display:inline-flex; align-items:center; gap:8px; font-weight:800; font-size:14.5px; border-radius:999px; padding:11px 22px; color:#fff!important; background:var(--grad); box-shadow:0 10px 26px rgba(124,58,237,.3); transition:transform .2s var(--ease),box-shadow .3s; white-space:nowrap; } .ppx-ghl .ppx-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 34px rgba(14,165,233,.4); } .ppx-ghl .ppx-menu{ display:none; background:none; border:none; color:var(--pp); font-size:26px; cursor:pointer; margin-left:auto; line-height:1; } .ppx-ghl .ppx-mobile{ position:fixed; inset:0; z-index:10000; background:#fff; padding:80px 28px 40px; transform:translateY(-102%); transition:transform .45s var(--ease); overflow-y:auto; } .ppx-ghl .ppx-mobile.ppx-open{ transform:none; } .ppx-ghl .ppx-mobile a{ display:block; padding:15px 4px; font-size:20px; font-weight:700; color:var(--ink); border-bottom:1px solid var(--line); } .ppx-ghl .ppx-mobile .ppx-mbtns{ display:flex; flex-direction:column; gap:12px; margin-top:26px; } .ppx-ghl .ppx-mobile .ppx-btn{ justify-content:center; } .ppx-ghl .ppx-closex{ position:absolute; top:22px; right:24px; font-size:30px; background:none; border:none; color:var(--pp); cursor:pointer; } @media (max-width:960px){ .ppx-ghl .ppx-navlinks,.ppx-ghl .ppx-actions{ display:none; } .ppx-ghl .ppx-menu{ display:block; } } @media (prefers-reduced-motion:reduce){ .ppx-ghl .ppx-tap .ppx-rip{ animation:none; } }

Painless Posting

Master It Media →

Watch Demo Plans Which Plan? Meet Maggie

Master It Media →

Ready to make posting painless?