Techniques
Egg-Oval Doll Silhouette Card
A card shape echoing the matryoshka's egg-oval body — wider belly, narrower curved top — used for feature cards and profile panels.
.doll-card {
background: #F0E1C5;
border: 1px solid #D7C3A5;
border-radius: 50% 50% 24px 24px / 30% 30% 24px 24px;
padding: 48px 32px 32px;
box-shadow: 0 4px 14px rgba(42, 31, 21, 0.20);
text-align: center;
}
.doll-card::before {
content: '';
display: block;
width: 60px;
height: 60px;
margin: -24px auto 16px;
background: #B85240;
border-radius: 50%;
border: 2px solid #D9A84A;
}
Birch Wood-Grain Page Texture
A subtle horizontal grain applied to the page background, evoking the turned-birch surface of an unpainted doll.
.birch-ground {
background-color: #C49A6E;
background-image: repeating-linear-gradient(
0deg,
transparent,
transparent 3px,
rgba(42, 31, 21, 0.04) 3px,
rgba(42, 31, 21, 0.04) 4px
);
}
Painted-Flower Ornament Border
A decorative border treatment using radial-gradient dots arranged in a floral cluster, reminiscent of the small hand-painted flower motifs on traditional matryoshka aprons.
.flower-ornament {
position: relative;
padding: 32px;
border: 1px solid #D7C3A5;
border-radius: 24px;
}
.flower-ornament::after {
content: '';
position: absolute;
top: -6px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 12px;
background:
radial-gradient(circle 4px at 20% 50%, #B85240 95%, transparent),
radial-gradient(circle 4px at 40% 50%, #D9A84A 95%, transparent),
radial-gradient(circle 4px at 60% 50%, #5C7044 95%, transparent),
radial-gradient(circle 4px at 80% 50%, #B85240 95%, transparent);
}