body{
    font-family: 'Raleway', sans-serif;
}
h1{
    color: #c4a35a;
}

ul.to-do-list{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: .8rem 1rem;
    margin-top: 1rem;
}

ul.to-do-list > li{
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
    padding: .5rem .4rem;
}

ul.to-do-list > li:last-child{
    margin-bottom: .0;
}

ul.to-do-list > li:nth-child(even){
    background-color: #e5e5dc;
    background-image: linear-gradient(to right,#c4a35a,white);
}

ul.to-do-list > li:nth-child(odd){
    background-image: linear-gradient(gainsboro,white);
}

ul.to-do-list > li > button{
    margin-left: auto;
    background-color: #c66b3d;
    border-color: #c66b3d;
}

ul.to-do-list > li > span{
    margin-left: .3rem;
}

ul.to-do-list > li.done > span {
    text-decoration: line-through;
}

ul.to-do-list > li.undone > span {
    text-decoration: none;
}