body{
    background: linear-gradient(to left, white, white)
}

h1{
    text-align: center;
    padding-top: 170px;

}

.text{
    padding-top: 15px;
    text-align: center;
    height: 70px;
}

.text_field {
    height: 50px;       
    padding: 0 15px;    
    width: 50%;
    background-color: black;
    color: white;
    border: 2px;
    box-shadow: 2px 5px 5px black;
    border-radius: 5px;
    vertical-align: middle;
}

.btn.btn-dark {
    height: 50px;     
    padding: 0 20px;    
    box-shadow: 2px 5px 5px black;
    vertical-align: middle; 
}

#task-list {
    list-style-type: none;
    padding: 0;
    margin-top: 20px;
    text-align: center;
}

#task-list li {
    background: #f8f9fa;
    background-color: black;
    margin: 10px auto;
    padding: 12px 18px;
    width: 50%;
    border-radius: 8px;
    box-shadow: 1px 3px 6px rgba(0,0,0,0.2);
    font-size: 18px;
    text-align: left;
    color: white;
}

.btn.btn-dark2{
    height: 50px;     
    padding: 0 20px;    
    box-shadow: 2px 5px 5px black;
    vertical-align: middle; 
}