.active {
    background-color: #0099FF;
    border-style: solid;
    border-color: #66C2FF;
    border-width: 15px;
    border-radius: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    min-width: 300px;
}

.completed {
    background-color: #6cb200;
    border-style: solid;
    border-color: #7EDF7E;
    border-width: 15px;
    border-radius: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    min-width: 300px;
}

.overdue {
    background-color: #FF4747;
    border-style: solid;
    border-color: #FF7E7E;
    border-width: 15px;
    border-radius: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    min-width: 300px;
}

.deleted {
    background-color: #A6A6A6;
    border-style: solid;
    border-color: lightgray;
    border-width: 15px;
    border-radius: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    min-width: 300px;
}

.addtask {
    background-color: white;
    border-style: solid;
    border-color: lightgray;
    border-width: 15px;
    border-radius: 50px;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 25px;
    padding-right: 25px;
}

.box {
    background-color: white;
    border-radius: 4px;
    color: black;
    margin: 5px 0;
    padding: 5px 10px;
    max-width: 315px;
}

.tasktext {
    font-size: 24pt;
}