@import"https://fonts.googleapis.com/css2?family=Lexend&display=swap";:root{--white: #ffffff;--black: #424242;--blackInContainer: #424242;--gray: #5D5C5C;--light-gray: #939393;--light-lilac: #CBD0EF;--darker-lilac: #A1A8D5;--red: #E5C6C6;--yellow: #E3E5C6;--green: #C6E5C8;color:var(--black);background-color:var(--white);font-family:Lexend,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.dark{--white: #2A2A2A;--black: #ffffff;--light-gray: #939393}html,body{transition:background-color .3s ease,color .3s ease}body{background-color:var(--white);color:var(--black);margin:0;height:100vh}button{font-family:inherit;color:var(--black);font-size:20px;background-color:var(--white);cursor:pointer}button:hover{background-color:#71717546}.short-btn{width:151px;max-width:151px}.border{padding:12px 0;border:1px solid var(--black);border-radius:14px;width:100%}.light-border{padding:0 15px;border:1px solid var(--light-gray);border-radius:14px;width:100%}a:link,a:visited{color:var(--darker-lilac);text-decoration:none}#centralizer{max-width:970px;margin:auto}.dateP{text-align:center;color:var(--gray)}.red{background-color:var(--red)}.yellow{background-color:var(--yellow)}.green{background-color:var(--green)}@media (max-width: 1200px){#centralizer{max-width:clamp(90%,52vw,80%);margin:auto}}@media (max-width: 800px){#centralizer{max-width:clamp(90%,52vw,80%);margin:auto}.lilac-container{min-width:100%}}#header{border-bottom:1px solid var(--black);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0 50px}#toggleTheme{background-size:cover;background-color:#fff0;width:41px;height:41px;border:none;cursor:pointer}#wrapper{margin:15px 0}.lilac-container{background-color:var(--light-lilac);color:var(--blackInContainer);text-align:center;border:none;padding:12px 0;border-radius:14px;width:312px;font-size:24px}.lilac-container>p{margin:0}#top-wrapper{margin:15px 0;display:flex;justify-content:space-between;flex-wrap:wrap}#bottom-wrapper{display:flex;justify-content:space-between;gap:9px}#wrapper button{background-color:var(--white);transition:background-color .3s ease,color .3s ease}#bottom-wrapper button:last-of-type{width:fit-content;padding:0 10px;margin-left:auto}#top-wrapper button:last-of-type{max-width:205px;margin-left:auto}#mobile-bottom-wrapper{width:100%;display:flex;justify-content:space-between;gap:9px;margin-bottom:10px}.filterRow{display:flex;align-items:center}.filterTag{color:var(--blackInContainer);border:1px solid #ffffff00;font-size:14px;padding:0 10px;margin:0 4px;height:25px;border-radius:5px}.filterTag:hover{border:1px solid var(--black)}.filterRow>p{margin:6px}.filterRow>input[type=date]{padding:3px 10px}.selected{border:1px solid var(--black);background-color:#ffffffbd}#modal-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1}#modal-container{border:1px solid var(--black);background-color:var(--white);border-radius:5px;display:flex;flex-direction:column;padding:20px;max-width:363px;gap:12px}#modal-container>p{text-align:center}.selects-container{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:50px;gap:6px}.form-container{display:flex;flex-direction:column;gap:11px}input{border:1px solid var(--light-gray);background-color:var(--white);color:var(--black);border-radius:5px;padding:12px;width:100%;box-sizing:border-box;font-family:inherit}textarea{border:1px solid var(--light-gray);background-color:var(--white);color:var(--black);border-radius:5px;padding:10px;font-family:inherit;width:100%;box-sizing:border-box;height:75px}select{border:1px solid var(--light-gray);border-radius:5px;font-family:inherit;color:var(--light-gray);text-align:center;width:116px;background-color:var(--white)}input[type=date]{width:119px;color:var(--light-gray)}input:focus,textarea:focus,select:focus{outline:none;border:1px solid var(--light-gray)}.form-bttn{padding:10px 0;font-size:16px}.lilac-bttn{background-color:var(--light-lilac);color:var(--white)}.lilac-bttn:hover{background-color:var(--darker-lilac);color:var(--white)}input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.todo-container{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;margin-bottom:16px;padding:14px 20px;cursor:pointer}.todo-name{font-size:18px;margin:4px 0}.todo-description{color:var(--gray);font-size:15px;margin:0}.todo-status{color:var(--blackInContainer);padding:7px 15px;font-size:20px;border-radius:5px;margin:0}.p-date{text-align:center;margin:25px 0 10px;color:var(--gray)}#kanban-container{display:flex;justify-content:space-between;flex-wrap:nowrap}.kanban-column{width:315px;min-height:320px;margin-right:10px}.kanban-header{text-align:center;padding:10px;border-radius:5px;color:var(--blackInContainer)}.todo-card-container{border:1px solid var(--light-gray);border-radius:24px;width:273px;padding:15px 20px 20px;margin-bottom:16px;cursor:pointer;background-color:var(--white);transition:background-color .3s ease,color .3s ease}.todo-info{margin-bottom:40px}.priorityTag,.dateTag{border-radius:5px;padding:3px 10px;margin-bottom:8px}.priorityTag>p,.dateTag>p{text-align:center;margin:0;color:var(--blackInContainer)}.dateTag{background-color:var(--light-lilac);color:var(--blackInContainer)}