@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@1,300;1,400&display=swap');

:root{
    --primary-color:#111827;
    --word-color:#6EE7B7;
}
body{
    font-family: 'Merriweather', serif;
    background-color: var(--primary-color);
    color:var(--word-color)
}
.birthday-div{
    
    width:40%;
    margin:auto;
}

input,button{
    width: 100%;
    border-radius: 0.5rem;
    height:40px;

}

input{
    margin-bottom: 1rem;
}
button{
    width:50%;
    background-color:var(--word-color);
    color:black;
    font-weight: bold;
}

#output-box{
    margin-top: 40px;
}