@font-face{font-family:Alexandria;src:url(/fonts/Alexandria-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Alexandria;src:url(/fonts/Alexandria-Bold.ttf)format("truetype");font-weight:700;font-style:normal}.App{direction:rtl;background-color:#191b1f;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex}.todo-card{padding:10px;background-color:#fff!important;border-radius:8px!important;max-height:80vh!important;overflow-y:auto!important;box-shadow:0 4px 20px #00000026!important}.todo-title{text-align:center;color:#1d1d1d;margin-bottom:15px!important;font-weight:700!important}.filter-buttons-group{direction:ltr;justify-content:center;align-items:center;width:fit-content;margin:25px auto 20px!important;display:flex!important}.todos-container{margin-top:15px}.add-todo-grid-container{align-items:stretch;margin-top:20px!important}.add-todo-input{width:100%!important}.add-todo-btn{width:100%!important;height:100%!important}.todo-card-item{margin-top:20px;color:#fff!important;background-color:#283593!important;border-radius:6px!important;transition:all .2s!important}.todo-card-item:hover{padding-top:10px;padding-bottom:10px;box-shadow:0 7px 7px #0006!important}.todo-content-col{text-align:right;flex-direction:column;justify-content:center;display:flex}.todo-title-text{color:#fff!important;font-weight:700!important}.todo-details-text{opacity:.85;color:#fff!important}.todo-actions-col{gap:12px;justify-content:flex-end!important;align-items:center!important;display:flex!important}.action-icon-btn{background-color:#fff!important;border-style:solid!important;border-width:3px!important;transition:all .2s!important}.action-icon-btn:hover{background-color:#f0f0f0!important;box-shadow:0 4px 8px #0003!important}.check-btn{color:#8bc34a!important;border-color:#8bc34a!important}.check-btn.completed{color:#fff!important;background-color:#8bc34a!important}.edit-btn{color:#1769aa!important;border-color:#1769aa!important}.delete-btn{color:#b23c17!important;border-color:#b23c17!important}.todo-title-text.completed{opacity:.7;text-decoration:line-through!important}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}