body{box-sizing:border-box;width:100vw;height:100vh;margin:0;padding:0;font-family:Plus Jakarta Sans;display:flex}.menu{background-color:#f1f1f1;flex-direction:column;flex-basis:18%;justify-content:space-between;align-items:flex-start;padding:10px 15px;display:flex}.logo{margin:1rem 0 0 .5rem}.states{width:100%}.states ul{width:100%;margin:0;padding:0}.states li{cursor:pointer;background-color:#f1f1f1;border-radius:10px;align-items:center;gap:5px;margin:5px 0;padding:10px 15px;font-size:.8rem;font-weight:400;list-style-type:none;transition:background-color .5s ease-in-out,font-weight .3s ease-in-out;display:flex}.states li.active{background-color:#fff;font-weight:700}.addTask{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:5px;outline:none;align-self:center;width:60%;margin-bottom:30px;padding:10px 20px}.workspace{text-align:left;flex-direction:column;flex-basis:80%;margin-top:20px;display:flex}.workspace h2{margin:0 0 0 30px;padding:0}.shortcut{margin:-8px 30px 0;padding:0;font-size:small}.shortcut span{border:1.2px solid gray;border-radius:3px;margin:0 2px;padding:1px 3px;font-weight:800}.formwindow,.taskDescription{z-index:100;background-color:#87878780;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute}.taskDescription>.formcontainer{align-items:flex-start;height:42%}.taskDescription .formcontainer>img{cursor:pointer;width:25px;position:absolute;top:35px;right:35px}.formcontainer{background-color:#fff;border-radius:1.5rem;flex-direction:column;align-items:center;width:30%;height:50%;padding:2rem;display:flex;position:relative;box-shadow:0 0 30px #989898}input{border:1px solid #c2c2c2;border-radius:5px;outline:none;width:95%;height:40px;margin-bottom:20px;padding-left:18px}.formcontainer h1{margin-top:0}.formcontainer textarea{resize:none;border:1px solid #c2c2c2;border-radius:5px;width:95%;padding:20px 0 0 20px;font-family:Plus Jakarta sans}.formcontainer textarea:focus{border:1px solid gray;outline:none}.formcontainer button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:5px;outline:none;width:100%;margin-top:20px;padding:15px 0;transition:background-color .3s ease-in-out}.formcontainer button:hover{background-color:#1b1b1b}.formcontainer>img{cursor:pointer;width:20px;position:absolute;top:20px;right:30px}input::placeholder,textarea::placeholder{font-family:Plus Jakarta Sans}.hidden{display:none}.taskView{text-align:left;flex-wrap:wrap;place-content:flex-start;width:calc(100% - 40px);height:calc(88vh - 80px);margin-left:40px;padding-top:80px;display:flex}.task{cursor:pointer;border-radius:20px;flex-direction:column;margin:10px;padding:15px 25px;transition:all .2s ease-in-out;display:flex;position:relative;box-shadow:0 0 20px #e6e6e6}.task:hover{scale:1.07}.task h1,p{margin:0;padding:0 0 10px}.task p{text-align:justify;font-size:12px}.task h1{width:150px;font-size:1.2rem;font-weight:400;display:inline}.icons{text-align:right;justify-content:flex-end;align-items:center;margin-bottom:10px;display:flex}.icons svg{margin-top:5px}.icons img{cursor:pointer;width:20px;margin-left:10px}.error{flex-direction:column;align-items:center;margin:0 auto;display:flex;transform:translateY(100px)}.error h1{text-align:center;font-size:larger}.nav{justify-content:space-between;display:flex}.iconsSide{margin-right:80px}.notification,.search{cursor:pointer;background-color:#f1f1f1;border-radius:50%;padding:10px}.notificationwindow{z-index:9999;background-color:#fff;border-radius:20px;width:500px;height:300px;padding:10px;position:absolute;top:60px;right:80px;box-shadow:0 0 40px #d3d3d3}.notification-text{margin:0;padding:0;font-size:15px}.notifycontainer{cursor:pointer;border-radius:10px;justify-content:flex-start;align-items:center;gap:5px;margin-bottom:10px;padding:15px;display:flex;position:relative;box-shadow:0 0 1px #d3d3d3}.notify-active{fill:#000;stroke:none}.circle{z-index:9999;background-color:red;border-radius:50%;width:7px;height:7px;position:absolute;top:32px;right:91px}.description{background-color:#87878780;justify-content:center;align-items:center;width:100%;height:100vh;display:none;position:absolute}.description-container{background-color:#fff;border-radius:1.5rem;width:45%;height:70%;box-shadow:0 0 40px #a9a9a9}.close{width:25px;position:absolute;top:130px;right:450px}
/*# sourceMappingURL=index.8978a15b.css.map */