:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#10011d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:none}body{margin:0;padding:0;box-sizing:border-box}nav{padding:.8rem 1rem;display:flex;align-items:center;margin:0 auto;max-width:900px}nav .logo{font-size:1.8rem;letter-spacing:2px;font-weight:700;filter:drop-shadow(0 0 .2em #e467e9)}nav ul{list-style-type:none;display:flex;align-items:center;gap:.8rem}nav ul li a{color:#fff}nav ul li a:hover,nav ul li a.active,nav ul li a:focus{filter:drop-shadow(0 0 .2em #e467e9)}.task_card_container{background-color:#5534ec;color:#fff;padding:.3rem .8rem;border-radius:.4rem;display:flex;place-items:center;justify-content:space-between;margin-bottom:.3rem}.task_card_container p,.task_card_container h4{margin:0;line-height:1.1}.task_card_container h4{text-transform:lowercase;font-weight:500;letter-spacing:1px;margin-bottom:.2rem}.task_card_options a{color:#fff}.task_card_options a:hover,.task_card_options a:active,.task_card_options a:focus{filter:drop-shadow(0 0 .2em #e467e9)}.task_card_options button{background:transparent;border:none;color:#fff;cursor:pointer;font-size:large;margin-left:.3rem}