ul {
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding: 0em;
    list-style-type: none;
}

li {
    font-size: 1.5em;
    background-color: blanchedalmond;

}

li:hover {
    background-color: burlywood;
}

.close {
    width: 10%;
    font-size: 1.4em !important;
}

.close:hover {
    background-color: darkred;
}

.col-md-8 {
    padding-left: 0em !important;
}

/* strike out text and change text color*/
ul li.checked {
    background-color: darkkhaki;
    color: #fff;
    text-decoration: line-through;
}

/*checkmark styling. left and bottom border, shifted 45 degrees, taken from w3schools.com*/
ul li.checked::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 2px 2px 0;
    left: 2.5em;
    transform: rotate(45deg);
    height: 1em;
    width: 0.5em;
}