.image-box.svelte-iiwuli{position:relative;display:flex;flex-direction:column;align-items:flex-start}.image-box .title{background:#0E0415;color:#fff;padding:.25rem 1rem 1.15rem;margin-bottom:-1rem;border-radius:1rem 1rem 0 0;font-family:Dela Gothic One,Poppins,Arial,sans-serif;letter-spacing:1px}.image-box .image{min-width:12rem;min-height:12rem;border:3px solid #0E0415;border-radius:1rem;display:flex;align-content:center;align-items:center;padding:4rem;position:relative;box-sizing:border-box;background:#FFFFFF}.image-box .image img{width:100%;height:100%;object-fit:contain}.button.svelte-2jc43a{border-radius:1rem 1rem .5rem;background:none;color:#3c0e5c;font-size:400;border:2px solid #3C0E5C;padding:16px 48px;transition:.3s ease-in-out;cursor:pointer;font-family:Dela Gothic One,Poppins,Arial,sans-serif;letter-spacing:.5px}.button.svelte-2jc43a:hover{background:#F0E602}.fancy-background.safari .blob{filter:blur(100px);-webkit-filter:blur(100px)}.fancy-background.safari .blur,.fancy-background.safari .blob.mouse{display:none}.fancy-background.svelte-x3q15f.svelte-x3q15f{background:#3C0E5C;width:100%;height:100%;position:absolute;top:0;left:0}.fancy-background.svelte-x3q15f .line.svelte-x3q15f{position:absolute;width:110%;height:110%;top:-5%;left:-5%}.fancy-background.svelte-x3q15f .line svg.svelte-x3q15f{width:100%;height:100%}.fancy-background.svelte-x3q15f .line svg path.svelte-x3q15f{stroke-width:4px;vector-effect:non-scaling-stroke}.fancy-background.svelte-x3q15f .line.svelte-x3q15f:last-child{position:absolute;z-index:30}.fancy-background.svelte-x3q15f .blob.svelte-x3q15f{background:#F0E602;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;z-index:10;transform:translateZ(0);opacity:.7}.fancy-background.svelte-x3q15f .blob.one.svelte-x3q15f{width:40vh;height:40vh;top:40%;left:-10vh}.fancy-background.svelte-x3q15f .blob.two.svelte-x3q15f{width:50vh;height:50vh;top:60%;left:90%}.fancy-background.svelte-x3q15f .blob.three.svelte-x3q15f{width:12vh;height:12vh;top:30%;left:-5vh}.fancy-background.svelte-x3q15f .blur.svelte-x3q15f{position:absolute;z-index:20;top:-5%;left:-5%;width:110%;height:110%;backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);transform:translateZ(0);filter:blur(0)}.content-container.svelte-2qs5bc.svelte-2qs5bc{width:calc(100% - 4rem);max-width:960px;margin:0 auto}p.svelte-2qs5bc.svelte-2qs5bc{max-width:32rem;font-size:1rem;line-height:1.7}p.center.svelte-2qs5bc.svelte-2qs5bc{text-align:center}h2.svelte-2qs5bc.svelte-2qs5bc{font-family:Dela Gothic One,Poppins,Arial,sans-serif;color:#3c0e5c}h2.white.svelte-2qs5bc.svelte-2qs5bc{color:#fff}h2.svelte-2qs5bc.svelte-2qs5bc{font-size:3rem;font-weight:300;line-height:1.2}.global-footer.svelte-2qs5bc.svelte-2qs5bc{position:relative;overflow:hidden;padding:6rem 0}.global-footer.svelte-2qs5bc.svelte-2qs5bc:before{content:"";position:absolute;top:0;left:0;width:100%;background:#0E0415;height:2rem;border-radius:0 0 3rem 3rem;z-index:10}.global-footer.svelte-2qs5bc .content-container.svelte-2qs5bc{display:flex;flex-direction:column;gap:2rem;align-items:center}.global-footer.svelte-2qs5bc h2.svelte-2qs5bc,.global-footer.svelte-2qs5bc p.svelte-2qs5bc{position:relative;z-index:20}.global-navigation.svelte-wnrtyw.svelte-wnrtyw{position:absolute;top:0;left:0;width:100%;z-index:100;padding:2rem 4rem}.global-navigation.svelte-wnrtyw .logo.svelte-wnrtyw{width:8rem;height:auto}.global-navigation.svelte-wnrtyw .logo svg.svelte-wnrtyw{width:100%;height:auto}.content-container.svelte-1tmp0k.svelte-1tmp0k{width:calc(100% - 4rem);max-width:960px;margin:0 auto}.content-container.grid.svelte-1tmp0k.svelte-1tmp0k{display:grid;grid-column-gap:1rem;grid-row-gap:3rem;grid-template-columns:1fr 2fr 2fr 1fr 1fr 2fr 1fr 1fr}p.svelte-1tmp0k.svelte-1tmp0k{max-width:32rem;font-size:1rem;line-height:1.7}p.center.svelte-1tmp0k.svelte-1tmp0k{text-align:center}h1.svelte-1tmp0k.svelte-1tmp0k,h2.svelte-1tmp0k.svelte-1tmp0k,h3.svelte-1tmp0k.svelte-1tmp0k{font-family:Dela Gothic One,Poppins,Arial,sans-serif;color:#3c0e5c}h1.center.svelte-1tmp0k.svelte-1tmp0k{text-align:center}h2.yellow.svelte-1tmp0k.svelte-1tmp0k,h3.yellow.svelte-1tmp0k.svelte-1tmp0k{color:#f0e602}h1.svelte-1tmp0k.svelte-1tmp0k{z-index:20;font-size:4rem;font-weight:300;line-height:1}h2.svelte-1tmp0k.svelte-1tmp0k{font-size:3rem;font-weight:300;line-height:1.2}html,body{width:100%;padding:0;margin:0;overflow-x:hidden;background:#3C0E5C;color:#fff;font-family:Poppins,sans-serif;font-size:400}a{color:inherit;text-decoration:none}p a{text-decoration:underline}.main-title.svelte-1tmp0k.svelte-1tmp0k{margin-bottom:-4rem}.main-title.svelte-1tmp0k h1.svelte-1tmp0k{margin-bottom:-1rem;color:#fff}.logo-tips.svelte-1tmp0k.svelte-1tmp0k{flex-wrap:wrap;gap:2rem}.grid-preview.svelte-1tmp0k.svelte-1tmp0k{width:100%;position:relative;padding-top:9rem}.area.flex.svelte-1tmp0k.svelte-1tmp0k{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.area.white.svelte-1tmp0k.svelte-1tmp0k,.placeholder.svelte-1tmp0k.svelte-1tmp0k{background:#25B972;min-height:8rem;border-radius:1rem}.spacer.svelte-1tmp0k.svelte-1tmp0k{height:4rem}.font-spotlight.svelte-1tmp0k.svelte-1tmp0k{border:3px solid #FFFFFF;border-radius:2rem;padding:5rem;display:flex;flex-direction:column;gap:4rem}.font-spotlight.svelte-1tmp0k .font-variant .font.svelte-1tmp0k{font-size:12rem;line-height:.9}.font-spotlight.svelte-1tmp0k .font-variant .font.dela-gothic-one.svelte-1tmp0k{font-family:Dela Gothic One,Poppins,sans-serif;font-weight:400}.font-spotlight.svelte-1tmp0k .font-variant .font.poppins-regular.svelte-1tmp0k{font-weight:400}.font-spotlight.svelte-1tmp0k .font-variant .legend.svelte-1tmp0k{margin-top:2.25rem;padding-left:.5rem}#copyInput.svelte-1tmp0k.svelte-1tmp0k{opacity:0;position:absolute;pointer-events:none}.row.svelte-1tmp0k.svelte-1tmp0k{display:flex;justify-content:center;gap:3rem}.row.extra-gap.svelte-1tmp0k.svelte-1tmp0k{gap:6rem}.card.svelte-1tmp0k.svelte-1tmp0k{display:flex;flex-direction:column;align-items:center;gap:1rem;width:14rem}.card .image.svelte-1tmp0k img.svelte-1tmp0k{width:100%;height:100%;border-radius:1rem;object-fit:contain}section.svelte-1tmp0k.svelte-1tmp0k{padding:6rem 0;display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center;position:relative;z-index:60}section.white.svelte-1tmp0k.svelte-1tmp0k{color:#0e0415;background:#FFFFFF;border-radius:1px}#colors.svelte-1tmp0k.svelte-1tmp0k{padding-bottom:4rem}#colors.svelte-1tmp0k .decorative-stroke.svelte-1tmp0k{position:absolute;top:-2%;right:-4%;width:20%;height:30vw}#colors.svelte-1tmp0k .decorative-stroke svg.svelte-1tmp0k{width:100%;height:100%}#colors.svelte-1tmp0k .decorative-stroke svg path.svelte-1tmp0k{stroke-width:4px;vector-effect:non-scaling-stroke}.colors.svelte-1tmp0k.svelte-1tmp0k{height:80vh;position:relative;background:#FFFFFF;width:100%}.colors.secondary.svelte-1tmp0k.svelte-1tmp0k{display:flex;flex-wrap:wrap}.colors.secondary.svelte-1tmp0k .color.svelte-1tmp0k{position:relative;width:25%;height:50%}.colors.secondary.svelte-1tmp0k .color.light-red.svelte-1tmp0k,.colors.secondary.svelte-1tmp0k .color.light-blue.svelte-1tmp0k,.colors.secondary.svelte-1tmp0k .color.light-green.svelte-1tmp0k,.colors.secondary.svelte-1tmp0k .color.light-purple.svelte-1tmp0k{color:#0e0415;height:25%}.colors.secondary.svelte-1tmp0k .color.light-yellow.svelte-1tmp0k{height:25%;width:100%;color:#0e0415}.colors.svelte-1tmp0k .color.svelte-1tmp0k{position:absolute;cursor:pointer}.colors.svelte-1tmp0k .color .copied.svelte-1tmp0k{opacity:0;transition:.3s ease-in-out;position:absolute;left:50%;bottom:1rem;transform:translate(-50%)}.colors.svelte-1tmp0k .color.copied .text.svelte-1tmp0k{opacity:.5;transition:0s}.colors.svelte-1tmp0k .color.copied .copied.svelte-1tmp0k{opacity:1;transition:0s}.colors.svelte-1tmp0k .color .text.svelte-1tmp0k{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;transition:.3s ease-in-out;pointer-events:none;transform:translate(-50%,calc(-50% + 1rem))}.colors.svelte-1tmp0k .color .text .code.svelte-1tmp0k{opacity:0;transition:.3s ease-in-out}.colors.svelte-1tmp0k .color:hover .text.svelte-1tmp0k{transform:translate(-50%,-50%)}.colors.svelte-1tmp0k .color:hover .text .code.svelte-1tmp0k{opacity:1}.colors.svelte-1tmp0k .color.yellow.svelte-1tmp0k{left:40%;width:30%;height:60%;top:0%;color:#0e0415}.colors.svelte-1tmp0k .color.black.svelte-1tmp0k{left:0;width:40%;height:50%;top:0}.colors.svelte-1tmp0k .color.purple.svelte-1tmp0k{left:40%;width:30%;height:40%;top:60%}.colors.svelte-1tmp0k .color.white.svelte-1tmp0k{top:50%;left:0%;width:40%;height:50%;color:#0e0415}.colors.svelte-1tmp0k .color.off-white.svelte-1tmp0k{top:0;left:70%;width:30%;height:25%;color:#0e0415}.colors.svelte-1tmp0k .color.light-gray.svelte-1tmp0k{top:25%;left:70%;width:30%;height:15%;color:#0e0415}.colors.svelte-1tmp0k .color.gray.svelte-1tmp0k{top:40%;left:70%;width:30%;height:15%;color:#0e0415}.colors.svelte-1tmp0k .color.medium-gray.svelte-1tmp0k{top:55%;left:70%;width:30%;height:15%}.colors.svelte-1tmp0k .color.dark-gray.svelte-1tmp0k{top:70%;left:70%;width:30%;height:15%}.colors.svelte-1tmp0k .color.dark.svelte-1tmp0k{top:85%;left:70%;width:30%;height:15%}.logo.svelte-1tmp0k.svelte-1tmp0k{padding:8rem 15rem;border-radius:2rem;border:3px solid #0E0415;position:relative;transition:.3s ease-in-out;background:#F0E602}.logo.darkmode.svelte-1tmp0k.svelte-1tmp0k{background:#3C0E5C}.logo.darkmode.svelte-1tmp0k .darkmode-toggle-button.svelte-1tmp0k{background:#0E0415;color:#fff;border-color:#fff}.logo.darkmode.svelte-1tmp0k .darkmode-toggle-button.svelte-1tmp0k:hover{background:#FFFFFF;color:#0e0415}.logo.svelte-1tmp0k .darkmode-toggle-button.svelte-1tmp0k{position:absolute;top:1rem;right:1rem;padding:.25rem 1rem;background:#FFFFFF;border-radius:2rem;color:#0e0415;transition:.3s ease-in-out;cursor:pointer;border:3px solid #0E0415;font:"Dela Gothic One","Poppins",Arial,sans-serif;letter-spacing:1px}.logo.svelte-1tmp0k .darkmode-toggle-button.svelte-1tmp0k:hover{background:#0E0415;color:#fff}.header.svelte-1tmp0k.svelte-1tmp0k{margin-bottom:-2rem;padding:6rem 0;position:relative}.header.svelte-1tmp0k .content-container.svelte-1tmp0k{pointer-events:none;z-index:50}