: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
