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

html{
    scroll-behavior:smooth;
}

body{

    background:#FFF8F3;

    color:#2F2F2F;

    font-family:'Poppins',sans-serif;

    overflow-x:hidden;

}

img{

    display:block;

    max-width:100%;

}

button{

    font-family:inherit;

    cursor:pointer;

    border:none;

}

a{

    text-decoration:none;

    color:inherit;

}

ul{

    list-style:none;

}

.hero-doodles{

    position:relative;

    height:30px;

}

.sparkle{

    position:absolute;

    color:var(--primary);

    opacity:.4;

    font-size:18px;

}

.sparkle-1{

    left:20%;

}

.sparkle-2{

    right:18%;

}

.heart{

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    color:var(--primary);

    font-size:18px;

}