@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800;900&family=Dancing+Script:wght@500;600;700&family=Quicksand:wght@300;400;500;600;700&display=swap');

:root{
    --Playfair: 'Playfair Display', serif;
    --Quicksand: 'Quicksand', sans-serif;
    --Roboto: 'Roboto', sans-serif;
    --Dance: 'Dancing Script', cursive;
    --ProductTitle:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    --Green:#424642;
    --dark: #3c393d;
    --exDark: #2b2b2b;
}
.newtitle{
    font-family: var(--Dance);
}
.luna-button{
    background-color:#424642;
}

 /* Successfully submit  */
 #htmln{
    display:none;
}
 #status{
    width:90%;
    max-width:500px;
    text-align:center;
    padding:10px;
    margin:0 auto;
    border-radius:8px;
}
#status.success{
    background-color:rgb(211,250,153);
    animation:status 4s ease forwards;
}
#status.error{
    background-color:rgb(250,129,92);
    color:white;
    animation:status 4s ease forwards;

}