* {
    margin: 0;
    padding: 0;
}

div#container {
    margin: 25px auto;
    background-color: rgb(247, 247, 247);
    text-align: center;

    > div {
        font-size: 100px;

    }

    > input.user-input{
        width: 250px;
        height: 50px;
        border-radius: 10px;
        font-size: 30px;

    }

    > input.user-submit{
        margin: 15px;
        border-radius: 10%;
        height: 40px;
        width: 100px;
        background-color: chocolate;

    }

    div#tasks > div#task-container > div {
        display: inline-block;
        margin: 10px;
        width: 100px;
        font-size: 30px;
    }
}

input.user-submit-task{
    text-align: center;
    user-select: none;
    margin: 5px;
    border-radius: 10%;
    height: 40px;
    width: 50px;
    background-color: rgb(210, 30, 30);
}

.done {
    background-color: rgb(127, 255, 144);

}

.todo {
    background-color: rgb(255, 127, 127);

}