@-webkit-keyframes animate-logo{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}100%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes animate-logo{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}100%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@-webkit-keyframes animate-logo-reverse{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes animate-logo-reverse{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes expand{from{opacity:0}to{opacity:1}}@keyframes expand{from{opacity:0}to{opacity:1}}@-webkit-keyframes animate-icon{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes animate-icon{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes animate-complete{0%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}100%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0.1}}@keyframes animate-complete{0%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}100%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0.1}}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;outline:none;border:none;background:none;font-family:"Montserrat", sans-serif}input,label{font-family:"Montserrat", sans-serif}li{list-style:none}a{text-decoration:none}.container{width:90%;margin:auto}.task-list-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:none;-ms-flex-pack:none;justify-content:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:300px;width:22%;min-width:300px;padding:1em 1em;padding-top:0.5em;-webkit-box-shadow:10px 40px 50px #d1d1d1;box-shadow:10px 40px 50px #d1d1d1;position:relative;margin:1em 0;background-color:#f5f5f5;border-radius:10px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.task-list-container:nth-child(1){border-top:4px solid #ab4d72}.task-list-container:nth-child(2){border-top:4px solid #4d5a9e}.task-list-container:nth-child(3){border-top:4px solid #cd9f63}.task-list-container:nth-child(4){border-top:4px solid #0dc378}.task-list-container .task-list-intro{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;position:relative}.task-list-container .task-list-intro .task-list-title{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;text-align:left;color:#404552}.task-list-container .task-list-intro .task-list-settings{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:45px;width:45px;border-radius:50%}.task-list-container .task-list-intro .task-list-settings svg{pointer-events:none;height:6px}.task-list-container .task-list-intro .task-list-settings svg path{fill:#adadad}.task-list-container .task-list-intro .task-list-settings:hover{background-color:rgba(206,206,206,0.5)}.task-list-container .task-list-intro .task-list-settings:hover svg path{fill:#f5f5f5}.task-list-container .add-btn-container{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;width:100%;margin-top:auto;border-radius:3px;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;opacity:0.7}.task-list-container .add-btn-container .add-icon{margin-right:1em}.task-list-container .add-btn-container:hover{background-color:rgba(206,206,206,0.5);opacity:1}.task-list-container .icon-container{pointer-events:none}.task-list-container .icon-container svg{height:100%;width:20px}.task-list-container .add-task-btn,.task-list-container .add-icon{color:#464646;pointer-events:none;font-weight:bold;opacity:0.7}.task-list-container .task-list{width:100%;position:relative}.popview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:90%;height:120px;position:absolute;top:50px;left:7px;z-index:2;background-color:#e2e2e2;background-color:#f1f1f1;border-radius:10px;border-top-right-radius:0;-webkit-box-shadow:10px 10px 10px #d1d1d1;box-shadow:10px 10px 10px #d1d1d1;-webkit-transform:translateY(-50px);transform:translateY(-50px);-webkit-transition:all 0.1s linear;transition:all 0.1s linear;visibility:hidden;opacity:0}.popview:before{content:"";position:absolute;top:-10px;right:0;width:0;height:0;border-left:10px solid transparent;border-bottom:10px solid #979797}.popview.popview-active{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.popview .list-form{width:90%}.popview .list-form input[type="text"]{border-radius:5px;background-color:white;outline:none;padding:0.5em;border:1px solid rgba(39,131,218,0.2);padding:0.5em}.popview .list-form .item-label{width:20%;text-align:right;opacity:0.7;font-size:0.9rem}.popview .form-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin:1em 0}.popview .form-name input{width:70%}.popview .form-accent .inputs-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:70%}.popview .form-accent .inputs-list .input-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.popview .form-accent .inputs-list label{cursor:pointer;display:block;width:25px;height:25px;border-radius:5px;-webkit-transition:all 0.1s ease;transition:all 0.1s ease}.popview .form-accent .inputs-list input{opacity:0;width:0;height:0}.popview .form-accent .inputs-list input:checked+label{border:3px solid silver;border-radius:50%}.task-item{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:none;-ms-flex-align:none;align-items:none;height:50px;width:100%;padding:0.2em 1em;margin:0.5em 0;color:#6d6d6d;background-color:#4da167;border-radius:3px;font-weight:500;font-size:1rem;border-width:4px;border-left-style:solid;background-color:white;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-box-shadow:0 10px 10px -5px rgba(160,160,160,0.1);box-shadow:0 10px 10px -5px rgba(160,160,160,0.1);-webkit-animation:expand 0.3s ease-out;animation:expand 0.3s ease-out;position:relative}.task-item .task-arrows{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20%;height:100%;color:white;position:absolute;left:50%;visibility:hidden;opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;display:none}.task-item .task-arrows.arrows-active{visibility:visible;opacity:0.7}.task-item .task-arrows *{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:90%;background-color:gray;width:50%}.task-item .task-arrows *:hover{opacity:0.6}.task-item .task-arrows .arrow-prev{border-right:1px solid gray}@media (max-width: 1200px){.task-item .task-arrows{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (max-width: 616px){.task-item .task-arrows{width:18%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.task-item:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.task-item:hover .task-prog-gray{-webkit-box-shadow:0 0 1px rgba(0,0,0,0.5) inset;box-shadow:0 0 1px rgba(0,0,0,0.5) inset}.task-item .task-prog-gray{width:30%;height:5px;background-color:rgba(206,206,206,0.5);border-radius:10px;position:relative;overflow:hidden}.task-item .task-prog-gray:hover{opacity:0.5}.task-item .task-prog-gray .task-prog-green{width:100%;height:100%;border-radius:10px;-webkit-transform:translateX(-100%);transform:translateX(-100%);background-image:linear-gradient(150deg, #62f29d, #1dbf52);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.task-item .task-prog-gray .task-prog-green.prog-25{-webkit-transform:translateX(-75%);transform:translateX(-75%)}.task-item .task-prog-gray .task-prog-green.prog-50{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.task-item .task-prog-gray .task-prog-green.prog-75{-webkit-transform:translateX(-25%);transform:translateX(-25%)}.task-item .task-prog-gray .task-prog-green.prog-100{-webkit-transform:translateX(0);transform:translateX(0)}.task-item .task-name{pointer-events:none;font-family:inherit;font-weight:inherit;font-size:inherit}.task-item .task-title-input{font-family:inherit;font-size:inherit;font-weight:inherit;position:absolute;background:none;border:none;outline:none;color:#6d6d6d;border-bottom:1px solid #6d6d6d}.task-item.task-dragging{opacity:0.5}.task-item .type-icon{position:absolute;display:inline;font-size:1.2rem;right:20px;text-align:right;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-animation:animate-icon 0.5s ease forwards;animation:animate-icon 0.5s ease forwards}.task-item .type-icon.task{color:teal}.task-item .type-icon.bug{color:#f0554a}.task-item .type-icon.epic{color:#50a63d}.task-active{border-style:solid;-webkit-transform:scale(1.01);transform:scale(1.01);border-right-width:1px;border-top-width:1px;border-bottom-width:1px;border-right-color:#a5a5a5;border-top-color:#a5a5a5;border-bottom-color:#a5a5a5}.task-delete{border-right-width:1px;border-top-width:1px;border-bottom-width:1px;border-right-color:tomato;border-top-color:tomato;border-bottom-color:tomato}.task-modal-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;position:fixed;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;z-index:3;visibility:hidden;opacity:0}.task-modal-container .modal-title{color:#2783da}.task-modal-container.modal-active{opacity:1;visibility:visible;-webkit-transform:translateY(-250px);transform:translateY(-250px)}.task-modal-container .task-modal{padding:1.5em 0;width:40%;min-width:400px;max-width:90vw;height:100%;border-radius:5px;background-color:white;background-color:#f5f5f5;-webkit-box-shadow:10px 40px 50px rgba(29,29,29,0.2) !important;box-shadow:10px 40px 50px rgba(29,29,29,0.2) !important;position:relative}.task-modal-container .task-modal .delete-btn{cursor:pointer;right:0;top:0;padding:0.1em 0.2em;border-radius:5px;opacity:0.4;font-size:2rem;color:white;background-color:tomato;position:absolute;border-top-left-radius:0;border-bottom-right-radius:0;display:none}.task-modal-container .task-modal .delete-btn:hover{opacity:0.8}@media (max-width: 1200px){.task-modal-container .task-modal .delete-btn{display:block}}.task-modal-container .form-btn{margin-top:1em;padding:1em 2em;border-radius:20px;color:gray;-webkit-box-shadow:0 7px 5px -3px rgba(160,160,160,0.6);box-shadow:0 7px 5px -3px rgba(160,160,160,0.6);border:1px solid #2783da;color:#2783da;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.task-modal-container .form-btn:hover{-webkit-box-shadow:0 7px 5px -3px rgba(71,71,71,0.6);box-shadow:0 7px 5px -3px rgba(71,71,71,0.6)}.task-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:none;-ms-flex-pack:none;justify-content:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1em auto}.task-form input::-webkit-input-placeholder{color:#e0e0e0}.task-form input:-ms-input-placeholder{color:#e0e0e0}.task-form input::-ms-input-placeholder{color:#e0e0e0}.task-form input::placeholder{color:#e0e0e0}.task-form .form-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80%;margin:0.8em 0}.task-form .form-item input[type="text"]{background-color:white;outline:none;padding:0.5em;border:1px solid rgba(39,131,218,0.2)}.task-form .form-item input[type="text"]:focus{border:1px solid #2783da}.task-form .form-item .item-label{width:20%;text-align:right;opacity:0.7}.task-form .form-item.form-name input,.task-form .form-item .inputs-list{text-align:left;width:60%}.task-form .form-name input{border-radius:5px;font-weight:500}.task-form .form-type .inputs-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.task-form .form-type .inputs-list .input-item{cursor:pointer}.task-form .form-type .inputs-list .input-item:first-child .input-label{color:teal}.task-form .form-type .inputs-list .input-item:nth-child(2) .input-label{color:#f0554a}.task-form .form-type .inputs-list .input-item:last-child .input-label{color:#50a63d}.task-form .form-type .inputs-list .input-label{cursor:pointer;opacity:0.5;-webkit-transition:all 0.1s ease;transition:all 0.1s ease}.task-form .form-type .inputs-list input{opacity:0;width:0;height:0}.task-form .form-type .inputs-list input:checked+.input-label,.task-form .form-type .inputs-list input:checked+i{opacity:1;font-weight:bold}.task-form .form-type .inputs-list input:checked+.input-label+i,.task-form .form-type .inputs-list input:checked+i+i{opacity:1;font-weight:bold}.task-form .form-accent .inputs-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.task-form .form-accent .inputs-list .input-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.task-form .form-accent .inputs-list label{cursor:pointer;display:block;width:30px;height:30px;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;border-radius:5px}.task-form .form-accent .inputs-list input{opacity:0;width:0;height:0}.task-form .form-accent .inputs-list input:checked+label{border:3px solid silver;border-radius:50%}.task-form .form-deadline input::-webkit-calendar-picker-indicator{cursor:pointer;font-size:1.2rem}.task-form .form-deadline input{cursor:pointer;font-size:1rem;width:60%;border-radius:5px;background-color:white;outline:none;padding:0 0.5em;border:1px solid rgba(39,131,218,0.2)}.task-form .form-deadline input:focus{border:1px solid #2783da}.task-form .form-progress input{cursor:pointer;outline:none;border:none;width:60%}#delete{position:absolute;width:150px;height:150px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:40px}#delete .delete-inner{width:100%;height:100%;border-radius:50%;border:10px solid lightgray;position:relative;visibility:hidden;opacity:0;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}#delete .delete-inner i{color:lightgray;pointer-events:none;position:absolute;top:50%;left:50%;font-size:4rem;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#delete .delete-inner.delete-semi-active{visibility:visible;opacity:0.5}#delete .delete-inner.delete-active{opacity:1;border-color:tomato}#delete .delete-inner.delete-active i{color:tomato}@media (max-width: 1200px){#delete{display:none}}body{height:100vh;font-family:"Montserrat", sans-serif;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;background-color:#eef3f9;background-image:url("../images/lines.svg"),url("../images/lines-2.svg");background-repeat:no-repeat;background-size:300px 300px;background-position:-10% 100%, 110% 100%}body.dark-mode{background-color:#45575c;background-position:0% 100%, 100% 100%}body.dark-mode .logo-btn{-webkit-animation:animate-logo 1s ease forwards !important;animation:animate-logo 1s ease forwards !important}body.dark-mode .divider{background-color:#637373 !important}body.dark-mode .task-list-container{-webkit-box-shadow:10px 40px 50px rgba(29,29,29,0.2) !important;box-shadow:10px 40px 50px rgba(29,29,29,0.2) !important;background-color:#637373 !important}body.dark-mode .task-list-container .task-list-title{color:white !important}body.dark-mode .task-list-container .icon-container i{color:white !important}body.dark-mode .task-list-container .add-task-btn{color:white !important}@media (max-width: 768px){body{height:250vh}}#header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:none;-ms-flex-pack:none;justify-content:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:15vh}#header .logo-btn{cursor:pointer;width:70px;margin:0 auto;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-animation:animate-logo-reverse 1s ease forwards;animation:animate-logo-reverse 1s ease forwards}#header .logo-btn img{max-height:100%;max-width:100%}#board{height:80vh}#board .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:none;-ms-flex-align:none;align-items:none;padding:1em 0;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.divider{height:50px;width:100%;margin:0.5em 0;top:0;border-radius:3px;border:2px solid #a5a5a5;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;background-color:#f5f5f5;-webkit-animation:expand 0.2s ease-out;animation:expand 0.2s ease-out}
/*# sourceMappingURL=all.min.css.map */