@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap);*{padding:0;margin:0;font-family:"Ubuntu",sans-serif;box-sizing:border-box}.App{display:flex;width:100vw;height:100vh;overflow:hidden}.SideBar{width:300px;min-width:210px;height:100%}.Main{width:100%;height:100%;background-color:#f70;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpath fill='%23c00' d='M957 450L539 900h857z'/%3E%3Cpath fill='%23a00' d='M957 450l-84.1 450H1396z'/%3E%3Cpath fill='%23d6002b' d='M-60 900l458-238 418 238z'/%3E%3Cpath fill='%23b10022' d='M337 900l61-238 418 238z'/%3E%3Cpath fill='%23d9004b' d='M1203 546l349 354H876z'/%3E%3Cpath fill='%23b2003d' d='M1203 546l349 354h-390z'/%3E%3Cpath fill='%23d3006c' d='M641 695l245 205H367z'/%3E%3Cpath fill='%23ac0057' d='M587 900l54-205 245 205z'/%3E%3Cpath fill='%23c4008c' d='M1710 900l-309-268-305 268z'/%3E%3Cpath fill='%239e0071' d='M1710 900l-309-268-36 268z'/%3E%3Cpath fill='%23a0a' d='M1210 900L971 687 725 900z'/%3E%3Cpath fill='%23808' d='M943 900h267L971 687z'/%3E%3C/svg%3E");background-attachment:fixed;background-size:cover;position:relative}.User{display:flex;align-items:center;justify-content:space-around;padding:1rem;border:1px solid #ebebeb}.User .info a{text-decoration:none;justify-content:end}.AddNewTodo{border-bottom:1px solid #ebebeb}.AddNewTodo .btn{padding:1rem;height:70px;width:100%}.AddNewTodo .btn button{height:100%;width:100%;background-color:#0080ff;color:#fff;font-weight:700;border:none;border-radius:3px;cursor:pointer;outline:none}.AddNewTodo .btn button:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1);transition:background 300 ease}.Modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);z-index:99}.Modal .container{position:absolute;top:25%;left:50%;transform:translate(-50%,-25%)}.TodoForm{padding:1rem 1rem calc(1rem + 40px);width:100%;background:#fff;border-radius:4px}.TodoForm .text input{padding:1rem;width:100%;margin-bottom:.5rem;border:none;font-size:1.2rem}.TodoForm .text input:focus{outline:none;border-bottom:1px solid #0080ff}.TodoForm .remind{display:flex;align-items:center;padding:.5rem}.TodoForm p{margin-left:10px}.TodoForm .title{display:flex;align-items:center;margin-bottom:5px}.TodoForm .pick-day{padding:1.5rem 1.5rem 0}.TodoForm .pick-time{padding:1.5rem}.TodoForm .pick-project{padding:.5rem}.TodoForm .pick-project .projects{display:flex;flex-wrap:wrap;padding:1rem 1rem 0}.TodoForm .pick-project .projects .project{border:1px solid #0080ff;border-radius:5px;padding:5px;margin:5px;cursor:pointer}.TodoForm .pick-project .projects .active{background:#0080ff;color:#fff}.TodoForm .cancel{position:absolute;top:0;right:5px;cursor:pointer}.TodoForm .confirm{position:absolute;bottom:0;left:0;width:100%}.TodoForm .confirm button{width:100%;height:40px;background:#0080ff;color:#fff;font-size:1.1rem;border:none;border-radius:0 0 4px 4px;cursor:pointer}.Calendar{padding:1rem;border-bottom:1px solid #ebebeb}.Calendar .header,.Calendar .header .title{display:flex;align-items:center}.Calendar .header .title{flex:1 1}.Calendar .header .title p{margin-left:5px;font-size:1.1rem;font-weight:700}.Calendar .header .btns span{border-radius:50%;cursor:pointer;width:25px;height:25px;display:flex;align-items:center;justify-content:center}.Calendar .header .btns span:hover{background-color:#ebebeb;transition:background .3s ease-in-out}.Calendar .items{padding:.5rem}.Calendar .items .item{padding:.25rem;margin:5px;font-size:1rem;cursor:pointer}.Projects{padding:1rem;border-bottom:1px solid #ebebeb}.Projects .header,.Projects .header .title{display:flex;align-items:center}.Projects .header .title{flex:1 1}.Projects .header .title p{margin-left:5px;font-size:1.1rem;font-weight:700}.Projects .header .btns{display:flex;align-items:center}.Projects .header .btns span.edit{margin-right:5px}.Projects .header .btns span{border-radius:50%;cursor:pointer;width:25px;height:25px;display:flex;align-items:center;justify-content:center}.Projects .header .btns span:hover{background-color:#ebebeb;transition:background .3s ease-in-out}.Projects .items{padding:.5rem}.Project{position:relative;display:flex;align-items:center;padding:.25rem;margin:5px;font-size:1rem}.Project .name{cursor:pointer;word-break:break-all}.Project .btns{display:flex;align-items:center}.Project .btns .total-todos{background:#ebebeb;width:25px;height:25px;font-size:.9rem;align-items:center;justify-content:center;border-radius:50%}.Project .btns .edit-delete,.Project .btns .total-todos{position:absolute;right:0;display:flex}.Project .btns .edit-delete span{border-radius:50%;cursor:pointer;width:25px;height:25px;display:flex;align-items:center;justify-content:center;transition:background .3s ease-in-out}.Project .btns .edit-delete span.edit:hover{background:#acffac}.Project .btns .edit-delete span.delete:hover{background:#ffacac}.AddNewProject .add-button span{margin-right:5px}.ProjectForm{background-color:#fff;border-radius:4px;position:relative;padding:1rem 1rem 40px}.ProjectForm input{width:100%;height:40px;margin:15px 0;border:none;font-size:1.2rem}.ProjectForm input:focus{outline:none;border-bottom:1px solid #0080ff}.ProjectForm button{position:absolute;bottom:0;height:40px;width:50%;border:none;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:-webkit-filter .3s ease-in-out;transition:filter .3s ease-in-out;transition:filter .3s ease-in-out,-webkit-filter .3s ease-in-out}.ProjectForm button.cancel{left:0;background-color:#bebebe;outline:none}.ProjectForm button.confirm{right:0;background-color:#0080ff;outline:none}.ProjectForm button:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.Todos{width:450px;height:80%;background-color:#fff;position:absolute;bottom:40px;left:40px;border-radius:4px;opacity:.9;overflow-y:auto;padding:0 .5rem .5rem}.Todos .selected-project{margin:1rem 0;text-transform:capitalize;font-size:1.2rem;font-weight:700;padding-bottom:2px;border-bottom:1px solid #eee}.Todos .todos{overflow-y:auto}.EditTodo{position:absolute;bottom:40px;left:530px;background-color:#fff;height:80%;width:450px;border-radius:4px;opacity:.9}.EditTodo .header{margin:1rem .5rem;font-size:1.2rem;font-weight:700;padding-bottom:2px;border-bottom:1px solid #eee}.Todo{padding:.5rem 1rem}.Todo .todo-container{display:flex;align-items:center}.Todo .todo-container span{cursor:pointer}.Todo .todo-container .check-todo{display:flex;justify-content:center;align-items:center;width:15px}.Todo .todo-container .text{position:relative;flex:1 1;margin:0 10px;cursor:pointer}.Todo .todo-container .text span{font-size:.8rem;color:#bebebe}.Todo .todo-container .text .line{height:1px;background:#bebebe;position:absolute;top:25%;width:0;transition:width .25s ease-in-out}.Todo .todo-container .text .line-through{width:100%}.Todo .todo-container .add-to-next-day{margin-right:10px}.Next7Days .day{margin:5px;display:flex}.Next7Days .day .name{font-weight:700;font-size:1rem}.Next7Days .day .total-todos{margin-left:10px}
/*# sourceMappingURL=main.1d5b9929.chunk.css.map */