html, body{
 width: 50%;   
 margin: 0 auto;
 font-family: Arial, Helvetica, sans-serif;
}

.container{
    width: 500px;
}

#inputField{
    width: 300px;
    height: 40px;
    border: 1px solid black;
    outline: none;
    font-size: 25px;
    vertical-align: middle;
}

#addToDo{
    height: 44px;
    width: 50px;
    border: 1px solid black;
    vertical-align: middle;
    font-size: 30px;
    cursor: pointer;
}
.to-dos{
    margin-top: 25px;
}

.paragraph-styling{
    font-size: 20px;
    cursor: pointer;
}

.removing-item{
    text-decoration: line-through;
    cursor: pointer;
}