*{box-sizing:border-box;margin:0;padding:0}body{background-color:#e3e3e3;height:100vh;font-family:Montserrat,Tahoma,Geneva,Verdana,sans-serif}.app{justify-content:space-between;align-items:flex-start;min-width:100%;height:100%;display:flex}.post-it-section{width:80%;padding:4rem}.sidebar-section{flex-direction:column;justify-content:space-between;align-items:center;width:20%;min-width:300px;min-height:100vh;display:flex;position:fixed;top:0;right:0}.sidebar-section .top,.sidebar-section .middle,.sidebar-section .bottom{flex-direction:column;justify-content:center;width:90%;padding:2rem;display:flex}.sidebar-section .top{background-color:#f9c5f5;border-radius:0 0 20px 20px;flex:3;margin-bottom:2rem;box-shadow:0 4px 8px #0000001a}.sidebar-section .middle{background-color:#d29dfb;border-radius:20px;height:10vh;box-shadow:0 4px 8px #0000001a}.sidebar-section .bottom{background-color:#a1e5f0;border-radius:20px 20px 0 0;flex:2;justify-content:flex-start;margin-top:2rem;box-shadow:0 4px 8px #0000001a}.btn-container{justify-content:space-between;margin-top:auto;display:flex}button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:5px;margin-top:10px;padding:10px 20px}button:hover{background-color:#696969}.create-post-it{flex-direction:column;justify-content:flex-start;align-items:center;margin-top:2rem;margin-bottom:1rem;display:flex;box-shadow:10px 10px 20px #0000001a}.form-title{color:#000;text-align:center;margin-bottom:2rem}.form{flex-direction:column;justify-content:space-between;width:100%;margin-top:20px;display:flex}.form input{border:none;border-radius:5px;margin-bottom:10px;padding:10px}.form input:focus,.form textarea:focus,.form select:focus{outline:none}.form textarea{resize:none;border:none;border-radius:5px;margin-bottom:10px;padding:10px}.form select{background-color:#fff;border:none;border-radius:5px;padding:10px}.post-its-container{flex-wrap:wrap;gap:20px;width:100%;display:flex}.todo-container{border-radius:5px;flex-direction:column;justify-content:flex-start;width:200px;min-height:200px;max-height:400px;padding:0 .5rem .5rem;display:flex;box-shadow:0 4px 8px #0000001a}.todo-container button{padding:5px 10px;font-size:.5rem}.todo{width:100%;height:auto}.todo .todo-title{text-align:left;margin-block:10px;font-size:1rem;font-weight:700}.todo .todo-description{line-break:auto;width:100%;font-size:.8rem}.todo-top{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.status{color:#555;font-size:.6rem}.priority-dots{flex:1;justify-content:flex-start;align-items:center;gap:6px;height:100%;display:flex}.priority-dot{cursor:pointer;opacity:.4;border:.5px solid #0003;border-radius:50%;width:10px;height:20px;transition:opacity .15s,transform .15s}.priority-dot.active{opacity:1;border-color:#00000080;transform:scale(1.3)}.priority-dot:hover:not(.active){opacity:.75}.todo-title:focus,.todo-description:focus{border-radius:3px;outline:1px dashed #0000004d}.search-container h2{text-align:center;margin-bottom:2rem}.search-container form input{border:none;border-radius:5px;margin-bottom:10px;padding:10px}.search-container form .checkboxes{justify-content:space-between;width:100%;display:flex}.search-container form .checkbox{display:flex}.search-container form span{margin-left:8px;font-size:12px}.container{flex-direction:column;justify-content:center;align-items:flex-start;margin-top:auto;display:flex}h4{text-align:center}.legends{flex-direction:row;justify-content:center;margin-top:1rem;font-size:.8rem;display:flex}.legend{border-radius:5px;justify-content:center;align-items:center;width:50px;height:50px;margin-right:.5rem;display:flex}.low{background-color:#f4f99c}.medium{background-color:#aceffd}.high{background-color:#fe83db}.done{background-color:#b7fb87}h3{text-align:center}.display{justify-content:center;align-items:center;width:100%;height:100px;margin-top:1rem;display:flex}