:root { --cream: #F7F1EA; --plum: #2D102F; --text: #2D1F2F; --fuchsia-dark: #8E1F68; --fuchsia: #B02A8F; --gold: #C9A45C; --teal: #1F7F83; --rose: #D8A7A7; --starblue: #8FC6D9; } body { background: var(--cream); color: var(--text); } .tiana-header { background: rgba(45, 16, 47, 0.84); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid rgba(201, 164, 92, 0.28); } .tiana-button-main { background: linear-gradient(135deg, var(--fuchsia-dark), var(--fuchsia)); color: var(--cream); border: 1px solid rgba(201, 164, 92, 0.45); border-radius: 999px; box-shadow: 0 12px 30px rgba(142, 31, 104, 0.25); } .tiana-button-secondary { background: rgba(247, 241, 234, 0.35); color: var(--plum); border: 1px solid rgba(201, 164, 92, 0.55); border-radius: 999px; } .tiana-card { border-radius: 24px; overflow: hidden; box-shadow: 0 18px 40px rgba(45, 16, 47, 0.18); border: 1px solid rgba(201, 164, 92, 0.22); } .tiana-gold-line { height: 1px; background: linear-gradient(90deg, transparent, rgba(201, 164, 92, 0.9), transparent); }
Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Made on
Tilda