*,*:before,*:after{box-sizing:border-box}*:focus-visible{outline:1px solid #3b82f6;outline-offset:2px}html{font:62.5%/1.15 sans-serif}h1,h2{margin-bottom:0}ul{list-style:none;padding:0}button{-moz-osx-font-smoothing:inherit;-webkit-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:inherit;font:inherit;line-height:normal;margin:0;overflow:visible;padding:0;width:auto}button::-moz-focus-inner{border:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input,textarea{overflow:visible;border:none}input:focus,textarea:focus{outline:none}body{background-color:#1e1e2f;color:#fff;font:1.6rem/1.25 Arial,sans-serif;margin:0 auto;max-width:68rem;width:100%}@media screen and (min-width: 620px){body{font-size:1.9rem;line-height:1.31579}}.cube{display:flex;flex-direction:column;align-items:center;justify-content:center;height:35em}.title--background{align-self:flex-start;margin-bottom:2em}.title--background>span{opacity:.8}.input--container{background:#2e2e3e;width:100%;height:100%;padding:1em;border-radius:10px}.formInput{position:relative;display:flex;flex-direction:column;color:#f9fafb}.labelName{margin-bottom:.23em}.labelProject{margin-top:1em;margin-bottom:.23em}.inputName,.inputList{padding:.6em;background:#f4f4f5;border:1px solid #4b5563;border-radius:.3em}.inputList{height:8em}.submitBtn{position:absolute;width:230px;height:35px;top:450px;left:400px;border-radius:5px;font-size:1.2em;background:#6366f1}.submitBtn:hover{transform:scale(1.1);cursor:pointer}.fileInput{margin-top:3em}#file_uploads{opacity:0}.fileLabel{width:max-content;background-color:#6366f1;padding:5px 10px;border-radius:5px;font-size:1.68rem;height:auto}.fileLabel:hover{background-color:#9696cb;color:#fff;cursor:pointer}.fileLabel:active{background-color:#9696cb;color:#fff}.separate{width:100%;margin-top:1em;height:1em;background-color:#5b4965;margin-bottom:1.5em;border-radius:10px}.secondForm-submit:hover{transform:scale(1.2);cursor:pointer}.preview{width:max-content;padding:0 6px;background-color:#fff;color:#000}.status-loading{font-size:small}.status-error{background:red}.progressCounterContainer{background-color:#e9b0b0;padding:1px 20px;z-index:2;border-top-right-radius:18px}.projects{display:flex;flex-direction:column;align-items:center;gap:20px}.project-btn:hover{cursor:pointer;transform:scale(1.05)}.buttons{margin:1em 0;display:flex;justify-content:space-evenly}.item_completed{animation:alternate;text-decoration:line-through;color:#fff}.project{position:relative;border:1px solid #cecccc;width:650px;height:max-content;border-radius:20px;margin-bottom:2em}.countProgress{display:flex;justify-content:center;align-items:center;position:relative}.projectNameContainer{background:#71627a;padding:.2em .5em;width:max-content;font-size:.8em;font-weight:800;border-radius:8px}.progressCounterContainer{position:absolute;right:0%;font-weight:400}li{list-style:none}#myProgress{width:100%;background-color:#d9d9d9;border-radius:15px}.myBar{width:20%;height:30px;background:#e9b0b0;border-radius:15px}.todo_items_left:before{content:"";display:inline-block;width:20px;height:20px;margin:0 10px;background:transparent;border:1px solid #fff;border-radius:3px}.list-Button{display:flex;align-items:center}.item_completed.todo_items_left:before{content:"️✓";background:#8a5cf5;color:#000;border:none;text-align:center;padding-bottom:6px;font-weight:1000}.list-item{display:flex;flex-direction:row;gap:20px}.change:hover{cursor:pointer}.change{font-size:17px;position:relative;top:-2px}.inner-children{font-size:.8em}.make-small{width:max-content}.item-children{display:none}.active{display:block}.toggle-btn{font-size:.9em;margin-top:12px;position:absolute;right:20px}.break{font-size:smaller}@media (max-width:650px){.submitBtn{position:static;margin-top:50px;margin-left:150px}}