body{padding:0;margin:0;display:flex;flex-direction:column;background-color:#cc6b1b;min-width:100vw}*{color:#fff;box-sizing:border-box;font-family:calibri}.header{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background-color:#24303c;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem}.open-sidebar{margin:2%;all:unset;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;background-color:#0180ff;font-size:1rem}.main{flex-direction:column;background-color:#cc6b1b}#todos-container{padding:0 2rem;display:flex;gap:2rem;flex-direction:row}.default{display:flex;flex-direction:column;gap:1rem;min-width:300px}.contenedor-tareas{flex:1;display:flex;flex-direction:column;gap:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1rem;background-color:#24303c;border-radius:2%}.form{position:fixed;top:0;right:0;width:100%;max-width:350px;background:#24303c;height:100vh;padding:1rem;flex-direction:column;border-radius:5px;overflow:visible;font-family:calibri;color:#fff;box-shadow:7px 13px 37px #000;transform:translate(100%);will-change:transform;transition:transform .3s ease-in-out;z-index:100}.form.active{transform:initial}.formulario-barra{display:flex;flex-direction:column;gap:1rem}.formulario-titulo{font-size:1.5rem}.controls{width:100%;padding:10px;background:#24303c;border-radius:5px;margin-bottom:16px;border:1px solid #cc6b1b;font-size:18px}button{cursor:pointer}.boton{width:100%;padding:10px;background:#0180ff;border-radius:5px;margin-bottom:16px;border:1px solid #0008fe;font-size:18px}.boton2{width:100%;padding:10px;background:#cc6b1b;border-radius:5px;margin-bottom:16px;border:1px solid #0008fe;font-size:18px}#title{text-align:center;font-weight:700;font-size:20;color:#fff}img{display:inline-block;width:45px;height:45px}.logo{padding-right:80%;width:5%;height:5%}.logo2{padding-left:5%}.class__boton{margin:0 9px;display:flex;align-items:center;justify-content:space-between}.hidden{display:none}.targeta-tarea{padding:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border-radius:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);cursor:pointer}.targeta-tarea:hover{transform:scale(1.01)}.titulo-tarea{font-size:1.125rem}.draggable-mirror{z-index:999}.draggable-container--over article:not(.draggable-mirror){z-index:0}.draggable--over,.draggable-source--is-dragging{border-color:#daa520;opacity:.4;background-color:#24303c}.draggable-container--over{border:none}
