body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input[type=checkbox]{accent-color:#ff0}*{box-sizing:border-box;margin:0;padding:0;transition:background,border .3s ease}#root{background-color:#000;text-shadow:0 0 33px hsla(0,0%,100%,.81)}.add_btn,svg:hover{cursor:pointer}.add_btn{align-items:center;background-color:#ff0;border-radius:40px;color:#222;display:flex;font-size:1rem;gap:.2rem;justify-content:space-between;justify-content:left;padding:.5rem}.App{flex-direction:column;height:100vh;width:100vw}.App,.main{display:flex}.main{height:calc(100vh - 4rem)}.main .boards_container{align-items:center;align-items:stretch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 4px -1px #fff;display:flex;flex:4 1;gap:1rem;justify-content:center;justify-content:flex-start;overflow-x:scroll;padding:1rem}.main .boards_container::-webkit-scrollbar{height:7px;width:7px}.main .boards_container::-webkit-scrollbar-thumb{background:rgba(233,255,107,.233);border-radius:5px;max-height:5px}.main .boards_container::-webkit-scrollbar-thumb:hover{background-color:rgba(234,230,9,.651)}.main .boards_container::-webkit-scrollbar-track{background:#000}.main .boards_container .add_btn{background-color:transparent;border:2px solid transparent;color:rgba(255,255,0,.356);font-size:.8rem;height:1.5rem;padding-right:1rem}.main .boards_container .add_btn:hover{border:2px solid rgba(255,255,0,.89);color:#ff0}.main .boards_container .add_btn svg{font-size:1rem}.main .boards_container .board{align-items:flex-start;align-items:center;border:1px solid transparent;display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center;justify-content:flex-start;max-width:400px;min-width:250px}.main .boards_container .board:last-of-type{align-items:center;flex:.6 1;flex-shrink:1;justify-content:center;min-width:60px}.main .boards_container .board:last-of-type .add_column{align-items:center;color:gray;cursor:pointer;display:flex;font-size:1rem;gap:.2rem;justify-content:space-between;justify-content:left}.main .boards_container .board.draggedOver,.main .boards_container .board:last-of-type .add_column{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 4px -1px #fff}.main .boards_container .board .board_title{position:relative;width:100%}.main .boards_container .board .board_title,.main .boards_container .board .board_title .color_title{align-items:center;display:flex;gap:.5rem;justify-content:center}.main .boards_container .board .board_title .color{border-radius:50%;height:10px;width:10px}.main .boards_container .board .board_title .delete_btn{position:absolute;right:0}.main .boards_container .board .task{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 4px -1px #fff;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;padding:.5rem 1rem;width:100%}.main .boards_container .board .task:hover{background-color:#111}.main .boards_container .board .task small{color:hsla(0,0%,50%,.589)}.navbar{background-color:#111}.navbar,.navbar .logo{display:flex;height:4rem}.navbar .logo{align-items:center;flex:1 1;gap:.5rem;justify-content:center;width:100%}.navbar .logo h1,.navbar .logo svg{color:#ff0;font-size:2rem}.navbar .nav_right{align-items:center;display:flex;flex:4 1;justify-content:space-between;padding:0 2rem;width:100%}.navbar .nav_right .nav_inner_right{align-items:center;display:flex;justify-content:center}.navbar .nav_right .nav_inner_right .add_btn{align-items:center;background-color:#ff0;border-radius:40px;color:#222;cursor:pointer;display:flex;font-size:1rem;gap:.2rem;justify-content:space-between;justify-content:left;padding:.5rem}.sidebar,.sidebar .sidebar_main{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 4px -1px #fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;justify-content:flex-start}.sidebar .sidebar_main{box-shadow:none;gap:.5rem;padding:1rem;width:100%}.sidebar .sidebar_main small{margin-bottom:1rem}.sidebar .sidebar_main .board_chip{align-items:center;border-radius:40px;cursor:pointer;display:flex;font-size:1rem;gap:.2rem;justify-content:left;padding:.2rem .5rem;width:100%}.sidebar .sidebar_main .board_chip:hover{background-color:#ff0;color:#222}.sidebar .sidebar_main .board_chip.active{background-color:#ff0;border-radius:0 40px 40px 0;color:#222}.sidebar .sidebar_main .add_btn{background-color:transparent;border:2px solid transparent;color:rgba(255,255,0,.356);font-size:.8rem;height:1.5rem;padding-right:1rem}.sidebar .sidebar_main .add_btn:hover{border:2px solid rgba(255,255,0,.89);color:#ff0}.sidebar .sidebar_main .add_btn svg{font-size:1rem}.sidebar .sidebar_main .add_board{cursor:pointer}.sidebar .sidebar_actions{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-bottom:1rem;padding:0 1rem;width:100%}.sidebar .sidebar_actions svg{cursor:pointer}.modal_bg{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:rgba(51,51,51,.212);height:100vh;position:fixed;width:100vw}.modal{align-items:center;display:flex;justify-content:center;left:50%;min-width:400px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30%;z-index:10}.modal svg{color:#ff0}.modal svg.delete{color:rgba(255,0,0,.349)}.task_details_modal{background-color:#111;display:flex;flex-direction:column;gap:1rem;padding:.3rem 1rem;width:100%}.task_details_modal .task_top{align-items:center;display:flex;justify-content:space-between}.task_details_modal small{display:block}.task_details_modal .subtasks_container{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-height:200px}.task_details_modal .subtasks_container::-webkit-scrollbar{height:7px;width:7px}.task_details_modal .subtasks_container::-webkit-scrollbar-thumb{background:rgba(233,255,107,.233);border-radius:5px;max-height:5px}.task_details_modal .subtasks_container::-webkit-scrollbar-thumb:hover{background-color:rgba(234,230,9,.651)}.task_details_modal .subtasks_container::-webkit-scrollbar-track{background:#000}.task_details_modal .subtasks_container .subtask{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 4px -1px #fff;cursor:pointer;display:flex;gap:.5rem;justify-content:center;justify-content:flex-start;padding:.2rem .5rem;width:100%}.task_details_modal .subtasks_container .subtask .completed{text-decoration:line-through}.task_details_modal select{background-color:transparent;color:#fff;margin-bottom:1rem;padding:.2rem .5rem;width:100%}.task_details_modal select *{background-color:transparent;color:#222}.delete{color:rgba(255,0,0,.349);font-size:1rem;padding:5px 0 0}.delete:hover{color:red;-webkit-transform:scale(1.2);transform:scale(1.2)}.addTaskModal{align-items:flex-start;background-color:#111;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1rem;width:100%}.addTaskModal *{align-content:stretch;width:100%}.addTaskModal input,.addTaskModal textarea{background-color:transparent;border:1px solid gray;border-radius:5px;color:#fff;outline:none;padding:.5rem}.addTaskModal input:focus,.addTaskModal textarea:focus{border:1px solid #ff0}.addTaskModal .subtask,.addTaskModal button{align-items:center;display:flex;justify-content:center}.addTaskModal .subtask{gap:.2rem}.addTaskModal .subtask button{background-color:transparent;border:transparent;color:rgba(255,38,0,.63);font-weight:800;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:.5rem}.addTaskModal .subtask button:hover{color:#ff2600;cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2)}.addTaskModal .subtask .noSubtask{color:hsla(0,0%,50%,.493);text-align:center}.addTaskModal .subtask~button:first-of-type{background-color:transparent;border:1px solid gray;color:#fff;margin:auto;width:50%}.hide{display:none}
/*# sourceMappingURL=main.b8375fb1.css.map*/