@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;500;600&display=swap);:root{--dark-color:#2f3640;--light-color:#f5f6fa;--red:#ff3838;--redd:#ff4d4d;--fff:#fff;--black:#171717;--ccc:#ccc;--transition:0.4s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin-bottom:0}ul{list-style:none}button{border:none}.btn:focus,.form-control:focus{outline:none;box-shadow:none;border:none}.form-control{border:none;outline:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}body{overflow-x:hidden;font-family:Rubik,sans-serif;color:var(--black)}::-moz-placeholder{font-weight:300}:-ms-input-placeholder{font-weight:300}::placeholder{font-weight:300}footer,nav{background-color:var(--light-color)}.logo_link{font-size:2rem;font-weight:700;text-transform:uppercase}.logo_link,.logo_link:hover{color:inherit;text-decoration:none}i.fa-stream{color:var(--redd)}.footer-main span,.logo_link span{color:var(--red)}.navbar{background-color:var(--light-color)}.navbar .nav-link{color:var(--dark-color);font-size:1.1rem;transition:var(--transition)}.navbar .nav-link:active,.navbar .nav-link:hover{color:var(--black)}.navbar .nav-item{margin-right:1rem}.time-line{overflow:hidden}.my_badge{display:inline-block;width:45px;height:45px;line-height:45px;border-radius:50%;color:var(--fff);position:relative;text-align:center}.my_badge.finish{background-color:var(--red)}.my_badge.unfinish{background-color:var(--dark-color)}.time-line{font-size:.85rem;text-align:left;color:var(--ccc)}.badges:after,.forms h2:after,.time-line:after{background-color:var(--ccc);content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:100%;left:.5em;margin-right:-100%}.my_badge span{position:absolute;color:var(--black);right:0;font-size:.88rem;width:1.3rem;height:1.3rem;top:-.7rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.box-task,.my_badge span{background-color:var(--light-color)}.box-task{padding:1.5rem}.btn_add{background-color:var(--red);color:var(--fff);transition:var(--transition)}.btn_add:hover{background-color:transparent;color:var(--red)}.alert-space{height:60px}.task{background-color:var(--light-color);width:100%;border-radius:1rem;padding:5px 1rem}.link_task{text-transform:capitalize}.link_task,.link_task:hover{text-decoration:none;color:var(--dark-color)}.btn_delete{background-color:red;color:var(--fff)}.btn_done{background-color:green;color:var(--fff)}.btn_delete,.btn_done{width:35px;height:35px;line-height:35px;margin:0 5px;border-radius:50%}.card_description{padding:5px 1rem;border-top:none;font-size:.95rem;font-weight:400;color:var(--black);opacity:.7}.task_title span{font-size:.84rem;font-weight:300;color:var(--ccc)}.task_title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapse{width:100%}.task.row{margin-left:0!important;margin-right:0!important;flex-wrap:nowrap!important}.tasks{width:100%;margin-top:1rem;height:500px;overflow-y:auto;overflow-x:hidden}.no_tasks p{font-size:2rem;opacity:.5}.btns{text-align:right}.loader{position:absolute;width:100%;height:100%;background:var(--light);top:0;left:0;bottom:0;right:0;z-index:1111}.lds-hourglass{display:inline-block;position:relative;width:80px;height:80px}.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:8px;box-sizing:border-box;border:32px solid var(--redd);border-color:var(--redd) transparent var(--redd) transparent;-webkit-animation:lds-hourglass 1.2s infinite;animation:lds-hourglass 1.2s infinite}@-webkit-keyframes lds-hourglass{0%{transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(900deg);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(5turn)}}@keyframes lds-hourglass{0%{transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(900deg);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(5turn)}}.pd-top{padding-top:100px}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 77, 77, 1)' stroke-width='6' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.navbar-toggler:active,.navbar-toggler:focus{border-color:transparent;outline:none}.navbar-collapse{transition:var(--transition)}@media screen and (max-width:991px){.navbar .nav-item{text-align:center}}@media screen and (max-width:767px){.btn_delete,.btn_done{width:28px;height:28px;line-height:28px}.task_title{font-size:1rem}}#app{width:100vw;overflow-x:hidden}footer{position:fixed;bottom:0;width:100%;height:60px}form[data-v-12f6885d]{width:80%;margin:auto;overflow:hidden}.form-control[data-v-12f6885d]{border-radius:1rem}.login .form-control[data-v-12f6885d]{background:var(--light)}.login h2[data-v-12f6885d],.register h2[data-v-12f6885d]{color:var(--dark)}