.task-card{align-items:center;border-radius:10px;display:flex;flex-wrap:wrap;margin:10px;overflow:hidden;transition:.2s}.task-card h2{flex-grow:1;margin:0;max-width:300px;overflow:hidden;padding:10px;position:relative;white-space:nowrap}.task-card h2:after{background:linear-gradient(90deg,transparent,#333);content:"";height:100%;left:100%;margin-left:-40px;position:absolute;top:0;width:40px}.task-card .task-options{display:flex;flex-grow:1;justify-content:flex-end;padding:10px;position:relative;width:-webkit-max-content;width:max-content}.task-card .task-options button{border-radius:10px;margin:5px;outline:0}.task-card .task-options button img{height:15px;width:15px}.task-card .task-details{padding:0 10px 10px;width:100%}.task-card .task-details p{margin:0 0 10px;padding-left:10px}.task-card .task-details .task-limite{align-items:center;display:flex}.task-card .task-details .task-limite span{color:#f55;font-size:12px;margin-right:20px}.task-card .task-details .task-limite img{height:15px;margin:10px;width:15px}@media screen and (min-width:700px){.task-card:hover{box-shadow:0 0 10px 5px rgba(0,0,0,.267);position:relative;-webkit-transform:scale(1.1);transform:scale(1.1);z-index:150}}.active .task-details{display:block}.active .task-options .btn:first-child{display:inline-block}.active .task-options .btn:nth-child(2) img{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:.2s}.disable .task-details,.disable .task-options .btn:first-child{display:none}.disable .task-options .btn:nth-child(2) img{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:.2s}.card-light{background-color:#fff;color:#333}.card-light img{-webkit-filter:invert(70%) sepia(67%) saturate(951%) hue-rotate(321deg) brightness(102%) contrast(101%);filter:invert(70%) sepia(67%) saturate(951%) hue-rotate(321deg) brightness(102%) contrast(101%)}.card-light button:hover img{-webkit-filter:invert(1);filter:invert(1)}.card-dark{background-color:#333;color:#fff}.card-dark img{-webkit-filter:invert(44%) sepia(23%) saturate(5915%) hue-rotate(332deg) brightness(121%) contrast(106%);filter:invert(44%) sepia(23%) saturate(5915%) hue-rotate(332deg) brightness(121%) contrast(106%)}.card-dark button:hover img{-webkit-filter:invert(17%) sepia(9%) saturate(0) hue-rotate(274deg) brightness(88%) contrast(86%);filter:invert(17%) sepia(9%) saturate(0) hue-rotate(274deg) brightness(88%) contrast(86%)}.ToDo{display:flex;height:100vh;justify-content:center;padding-top:100px}.ToDo .todo-panel{width:600px}.ToDo .todo-panel .todo-header{border-radius:20px;display:flex;padding:20px;position:relative;z-index:100}.ToDo .todo-panel .todo-header h1{flex-grow:1;margin:0}.ToDo .todo-panel .todo-header .btn-add{border-radius:10px;padding:10px 15px;text-decoration:none;transition:.2s}.ToDo .todo-panel .todo-header .btn-add img{width:20px}.ToDo .todo-panel .todo-task{height:80vh;overflow-y:scroll;padding:0 30px}.ToDo .todo-panel .todo-task::-webkit-scrollbar-track{border-radius:5px}.ToDo .todo-panel .todo-task::-webkit-scrollbar{width:10px}.ToDo .todo-panel .todo-task::-webkit-scrollbar-thumb{background-color:#222;border:1px solid #f55;border-radius:20px}@media screen and (max-width:700px){.ToDo{padding-top:0}.ToDo .todo-panel{width:100%}.ToDo .todo-panel .todo-header{border-radius:0 0 20px 20px}.ToDo .todo-panel .todo-task{height:100%;padding:0}}.ToDo-light .todo-panel .todo-header{background-color:#f95}.ToDo-light .todo-panel .todo-header h1{color:#333}.ToDo-light .todo-panel .todo-header .btn-add{background-color:inherit}.ToDo-light .todo-panel .todo-header .btn-add img{-webkit-filter:invert(17%) sepia(9%) saturate(0) hue-rotate(274deg) brightness(88%) contrast(86%);filter:invert(17%) sepia(9%) saturate(0) hue-rotate(274deg) brightness(88%) contrast(86%)}.ToDo-light .todo-panel .todo-header .btn-add:hover{background-color:#fff}.ToDo-dark .todo-panel .todo-header{background-color:#f55}.ToDo-dark .todo-panel h1{color:#333}.ToDo-dark .todo-panel .btn-add img{-webkit-filter:invert(17%) sepia(9%) saturate(0) hue-rotate(274deg) brightness(88%) contrast(86%);filter:invert(17%) sepia(9%) saturate(0) hue-rotate(274deg) brightness(88%) contrast(86%)}.ToDo-dark .todo-panel .btn-add:hover{background-color:#333}.ToDo-dark .todo-panel .btn-add:hover img{-webkit-filter:invert(44%) sepia(23%) saturate(5915%) hue-rotate(332deg) brightness(121%) contrast(106%);filter:invert(44%) sepia(23%) saturate(5915%) hue-rotate(332deg) brightness(121%) contrast(106%)}.AddToDo{align-items:center;display:flex;height:100vh;justify-content:center}.AddToDo .addtodo-form{border-radius:20px;box-shadow:0 0 10px 5px rgba(0,0,0,.067);display:flex;flex-direction:column;overflow:hidden;padding:20px;text-align:center;width:300px}.AddToDo .addtodo-form h2{margin:0;padding-bottom:20px}.AddToDo .addtodo-form label{text-align:left}.AddToDo .addtodo-form textarea{height:100px}.AddToDo .addtodo-form input,.AddToDo .addtodo-form textarea{border-radius:5px;margin:5px 0;padding:5px 10px;resize:none}.AddToDo .addtodo-form input:disabled,.AddToDo .addtodo-form textarea:disabled{-webkit-filter:brightness(50%);filter:brightness(50%)}.AddToDo .addtodo-form .form-btn-container{display:flex}.AddToDo .addtodo-form .form-btn-container a,.AddToDo .addtodo-form .form-btn-container button{margin:5px;width:50%}.AddToDo .addtodo-form .form-input-flex{display:flex}.AddToDo .addtodo-form .form-input-flex .form-input-date{flex-grow:1;margin-right:10px}.AddToDo .addtodo-form .form-input-flex .form-input-date:before{content:"Day limite: ";margin:0 5px}.AddToDo .addtodo-form .form-input-flex .form-input-time{flex-grow:1;margin-right:10px}.AddToDo .addtodo-form .form-input-flex .form-input-time:before{content:"Time limite: ";margin:0 5px}@media screen and (max-width:768px){.AddToDo .addtodo-form{height:90vh;width:100%}.AddToDo .addtodo-form textarea{flex-grow:1}}.Add-light .addtodo-form{background-color:#fff;border:1px solid #d3d3d3;box-shadow:0 0 10px 5px rgba(0,0,0,.133)}.Add-light .addtodo-form h2{color:#f95}.Add-light .addtodo-form input,.Add-light .addtodo-form textarea{border:1px solid #d3d3d3}.Add-light .addtodo-form input:hover,.Add-light .addtodo-form textarea:hover{outline:1px solid #d3d3d3}.Add-light .addtodo-form input:focus,.Add-light .addtodo-form textarea:focus{border-color:#f95;outline:1px solid #f95}.Add-dark .addtodo-form{background-color:#333;border:1px solid #666;box-shadow:0 0 10px 5px rgba(0,0,0,.267);color:#fff}.Add-dark .addtodo-form h2{color:#f55}.Add-dark .addtodo-form input,.Add-dark .addtodo-form textarea{background-color:inherit;border:1px solid #a9a9a9;color:#fff}.Add-dark .addtodo-form input:hover,.Add-dark .addtodo-form textarea:hover{outline:1px solid #a9a9a9}.Add-dark .addtodo-form input:focus,.Add-dark .addtodo-form textarea:focus{border-color:#f55;outline:1px solid #f55}.Add-dark .addtodo-form .form-input-date::-webkit-calendar-picker-indicator,.Add-dark .addtodo-form .form-input-time::-webkit-calendar-picker-indicator{-webkit-filter:invert(100%);filter:invert(100%)}.to-left{-webkit-animation:toLeft 1s ease;animation:toLeft 1s ease}.to-right{-webkit-animation:toRight 1s ease;animation:toRight 1s ease}.to-up{-webkit-animation:toUp 1s ease;animation:toUp 1s ease}.to-bottom{-webkit-animation:toBottom 1s ease;animation:toBottom 1s ease}.to-up-px{-webkit-animation:toUpPx 1s ease;animation:toUpPx 1s ease}.to-bottom-px{-webkit-animation:toBottomPx 1s ease;animation:toBottomPx 1s ease}.show{-webkit-animation:Show 1s ease;animation:Show 1s ease}.hidden{-webkit-animation:Hidden .2s ease-in forwards;animation:Hidden .2s ease-in forwards}@-webkit-keyframes Show{0%{opacity:0;position:relative;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:100%;position:relative;-webkit-transform:scale(1);transform:scale(1)}}@keyframes Show{0%{opacity:0;position:relative;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:100%;position:relative;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes Hidden{0%{opacity:100%;position:relative;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;position:relative;-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes Hidden{0%{opacity:100%;position:relative;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;position:relative;-webkit-transform:scale(.5);transform:scale(.5)}}@-webkit-keyframes toLeft{0%{left:5%;opacity:0;position:relative}to{left:0;opacity:100%;position:relative}}@keyframes toLeft{0%{left:5%;opacity:0;position:relative}to{left:0;opacity:100%;position:relative}}@-webkit-keyframes toRight{0%{opacity:0;position:relative;right:5%}to{opacity:100%;position:relative;right:0}}@keyframes toRight{0%{opacity:0;position:relative;right:5%}to{opacity:100%;position:relative;right:0}}@-webkit-keyframes toUp{0%{bottom:-5%;opacity:0;position:relative}to{bottom:0;opacity:100%;position:relative}}@keyframes toUp{0%{bottom:-5%;opacity:0;position:relative}to{bottom:0;opacity:100%;position:relative}}@-webkit-keyframes toBottom{0%{opacity:0;position:relative;top:-50px}to{opacity:100%;position:relative;top:0}}@keyframes toBottom{0%{opacity:0;position:relative;top:-50px}to{opacity:100%;position:relative;top:0}}@-webkit-keyframes toUpPx{0%{bottom:-50px;opacity:0;position:relative}to{bottom:0;opacity:100%;position:relative}}@keyframes toUpPx{0%{bottom:-50px;opacity:0;position:relative}to{bottom:0;opacity:100%;position:relative}}@-webkit-keyframes toBottomPx{0%{opacity:0;position:relative;top:-50px}to{opacity:100%;position:relative;top:0}}@keyframes toBottomPx{0%{opacity:0;position:relative;top:-50px}to{opacity:100%;position:relative;top:0}}.btn{background-color:inherit;border:none;border-radius:5px;font-size:15px;padding:5px 10px;text-decoration:none;transition:.2s}.btn:hover{color:#fff;cursor:pointer}.btn:active{-webkit-filter:brightness(90%);filter:brightness(90%);-webkit-transform:scale(.9);transform:scale(.9)}.btn-light{color:#f95;outline:1px solid #f95}.btn-light:hover{background-color:#f95;color:#fff}.btn-dark{color:#f55;outline:1px solid #f55}.btn-dark:hover{background-color:#f55;color:#fff}.App{font-family:Montserrat,sans-serif}.App-light{background-color:#eee}.App-dark{background-color:#222}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.daa6b4ce.css.map*/