*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#050d14;--color-surface:oklch(20% .02 250);--color-text:#eaeff5}@font-face{font-family:Source Code Pro;src:url(/fonts/SourceCodePro-VaribleFont_wght.ttf)}input,button{color:inherit;background:0 0;border:none}body{background:var(--color-bg);color:var(--color-text);font-family:Source Code Pro,monospace}.container{width:100%;max-width:1200px;margin-inline:auto}.section{justify-content:center;align-items:center;margin-top:100px;display:flex}.formulaire_tache{flex-direction:column;align-items:center;width:100%;max-width:700px;display:flex}.titre{text-align:center;margin-bottom:2rem;font-size:clamp(1rem,3vw,1.5rem)}label{display:none}.form{gap:1rem;width:100%;display:flex}input{height:3rem;font-size:1.2rem}input[type=text]{width:70%;color:hsl(from var(--color-text) h s calc(l - 50));border:1px solid hsl(from var(--color-text) h s calc(l - 50));border-radius:1rem;outline:none;padding:1rem}input[type=submit]{background:hsl(from var(--color-bg) h calc(s + 10) calc(l + 40));border:1px solid hsl(from var(--color-bg) h calc(s + 10) calc(l + 40));cursor:pointer;border-radius:1rem;flex:1;font-weight:700;transition:all .3s}input[type=submit]:hover{background:hsl(from var(--color-bg) h calc(s + 10) calc(l + 10))}.list_tache{border:1px solid #ffffff3d;border-radius:1rem;width:100%;height:60vh;margin-top:1rem;overflow:auto}.list_tache li{background:hsl(from var(--color-bg) h calc(s + 10) calc(l + 10));border-bottom:2px solid var(--color-bg);justify-content:center;align-items:center;gap:1rem;height:60px;list-style-type:circle;transition:all .3s;display:flex}.list_tache li:hover{background:hsl(from var(--color-bg) h calc(s + 10) calc(l + 13))}.list_tache span,.list_tache input{width:65%;margin-left:1rem}.terminee span{opacity:.4;text-decoration:line-through;transition:all .3s}.list_tache button{cursor:pointer;border-radius:1rem;margin-right:1rem;padding:.8rem;font-weight:600}.btn-supp{background:red;border:1px solid red;transition:all .3s}.btn-mod{background:#ee81ee;border:1px solid #ee81ee;transition:all .3s}.btn-supp:hover,.btn-mod:hover{background:inherit}.list_tache input{background:var(--color-bg);border-radius:.5rem;outline:none;padding-left:1rem}