body {
    background: blanchedalmond url(https://images.unsplash.com/photo-1513346940221-6f673d962e97?q=80&w=870&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D) no-repeat;
    background-size: 100% 100%;
    margin: 0;
}

.card {
    background-color: aliceblue;
    width: 80%;
    max-width: 500px;
    margin: 2em auto;
    padding: 3% 0;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-family: Helvetica;
    font-size: 18px;
}

h1 {
    text-align: center;
    margin-bottom: 0;
}

.todo-list {
    padding: 0;
}

.todo-list > li {
    list-style-type: none;
    background-color: tan;
    line-height: 2;
    margin: 4% 5%;
    padding: 2%;
    border-radius: 10px;
}

.sub-item > li {
   padding-bottom: 2em;
   list-style-type: square;
}

.sub-item-link {
    color: saddlebrown;
    text-decoration: none;
}

.sub-item-link:hover, .sub-item-link:active {
    color: maroon;
}

.sub-item-link:visited {
    color: darkgoldenrod;
}

.sub-item-link:focus {
    outline: darkgoldenrod;
}