* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    --main-pink: #ff69b4;
    --hot-pink: #ff1493;
    --light-pink: #ffb6c1;
    --pastel-purple: #e6e6fa;
    --deep-purple: #4a0e4e;
}

body {
    background: #ffffff;
    font-family: 'Nunito', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 20px;
    color: var(--deep-purple);
    text-align: center;
}

.wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

/* Big bubbly title: rounded font, thick outline, soft drop shadow */
.bubble-title {
    font-family: 'Baloo 2', sans-serif;
    font-size: clamp(4.5rem, 14vw, 10rem);
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.0;
    color: #ffffff;
    -webkit-text-stroke: 3px var(--hot-pink);
    text-shadow:
        -3px -3px 0 var(--hot-pink),
         3px -3px 0 var(--hot-pink),
        -3px  3px 0 var(--hot-pink),
         3px  3px 0 var(--hot-pink),
         6px  6px 0 rgba(74, 14, 78, 0.3);
}

.bubble-sub {
    font-family: 'Baloo 2', sans-serif;
    font-size: clamp(1.5rem, 4vw, 3rem);
    font-weight: 700;
    color: var(--deep-purple);
    text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.7);
}