div {
    text-align: center;
}

.modal-content{
    background-color: #fff !important;
}

.dark .modal-content{
    color : #fff;
}

#tableToDo_wrapper, #tableDid_wrapper{
    border-top-width : 0px;
}

td{
    font-size: 0.9em;
}

.date{
    width: 88px;
}

.grille{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    width: 90%;
    margin: auto;
}

.main-container{
    max-width: none !important;
}

.todo-list{
    grid-column: 0;
}

.todo-list{
    grid-column: 1;
}

.infosTdl {
    margin : auto;
    margin-bottom: 30px;
}

.titre {
    margin : auto;
    background: linear-gradient(25deg,#0a37cc, 35%, #de213e);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#to_do_task_form_task {
    margin : auto;
}

.zoneText {
    margin:auto;
    max-width: 50%;
}

.taskBtn {
    text-align: center;
    margin-bottom: 30px;
}

.bigTitre {
    width : 80% !important;
    padding-bottom: 10px;
}

.tableau {
    width : 80% !important;
    margin : auto;
}

.tdlButton {
    margin-bottom: 30px;
}

.btnDelTdl, .btnDoneTdl, .btnDidntDoneTdl {
    border : none;
    outline: none;
    background: none;
}

.dark .modal-content{
    background-color: #2c2c2c !important;
    border-color: #4c4c4c !important;
}

.line{
    text-decoration: line-through;
}

@keyframes scale-up-hor-left{
    0%{
        transform:scaleX(.4);
        transform-origin:0 0
    }
    100%{
        transform:scaleX(1);
        transform-origin:0 0
    }
}

@keyframes scale-up-hor-right{
    0%{
        transform:scaleX(.4);
        transform-origin:100% 100%
    }
    100%{
        transform:scaleX(1);
        transform-origin:100% 100%
    }
}

.scale-up-hor-left{
    animation:scale-up-hor-left 1s cubic-bezier(.39,.575,.565,1.000) both
}

.scale-up-hor-right{
    animation:scale-up-hor-right 1s cubic-bezier(.39,.575,.565,1.000) both
}

@media screen and (max-width: 932px) {
    .grille{
        display: block;
        width: 95%;
    }
    td{
        font-size: 0.7em;
    }
    th{
        font-size: 0.9em;
    }
    .zoneText {
        margin:auto;
        max-width: 95%;
    }
}