body{
    background-image: radial-gradient(mintcream 0%, gray 100%);
    font-family: "Trebuchet MS";
}
​
h1{
    text-align:center;
}
​
form{
    text-align:center;
}
#tasks-container{
    width: 600px;
    min-height: 350px;
    margin: 50px auto;
    border-radius: 20px;
    border: solid 4px #2c3033;
    background-image: radial-gradient(rgb(186, 192, 189) 0%, rgb(167, 165, 165) 100%);
    box-shadow: 0 0 0px 1px rgba(255,255,255,.4),
                        0 0 0px 3px #2c3033;
    text-align: center;
}
​
.task-item{
    text-align: center;
    border-bottom: 1px solid black;
}
​
.task-title{
    display: inline-block;
    margin-right:5px;
    width: 80%;
    text-align: center;
}
​
.task-check{
    display: inline-block;
    width: 15%;
}
​
.task-remove-btn{
    position:relative;
    left: 100px;
    width:25px;
    height:25px;
    border: 1px solid black;
    border-radius: 50%;
    background-color: rgb(250, 171, 171);
    padding: 1px;
    cursor: pointer;
}
.task-remove-btn:hover{
    background-color: rgb(243, 123, 123);
​
}
.task-item:nth-child(odd){
    background-color: rgba(91, 91, 92, 0.1);
}
​
#btn-add{
    border:1px solid black;
    background-color: white;
    padding: 7.5px;
    cursor: pointer;
}
​
#btn-add:hover{
    background-color: rgba(0,10,10,.1);
}