*{font-family:Lora,sans-serif;margin:0;padding:0;box-sizing:border-box;color:#202124}h2,h3,input,button{font-family:Manrope,system-ui}h1{display:flex;justify-content:center;font-size:3em;padding-bottom:30px}#root{min-height:100vh;display:flex;flex-direction:column;padding:14px;background:#eff6ff;gap:14px}header{display:flex;align-items:stretch}header,.main{max-width:800px;width:100%;margin:0 auto;gap:14px}header input{flex:1;border-radius:14px;outline:none;width:100%}header button{border-radius:14px;background:transparent;transition-duration:.2s;cursor:pointer}header button:hover{opacity:.7}header button,header input{padding:14px 18px;border:none;outline:none;background:#fff}p{font-size:.9em}.main{display:flex;flex-direction:column;gap:14px}.todoItem{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:#fff}.todoItem p{flex:1}.actionsContainer{display:flex;align-items:center;gap:14px}.actionsContainer button{transition-duration:.2s;border:none;background:transparent;cursor:pointer}.actionsContainer button:hover{opacity:.7}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted black}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:6px;bottom:100%;left:50%;margin-left:-60px;position:absolute;z-index:1}.tooltip:hover .tooltiptext{visibility:visible}@media (min-width: 640px){header button,header input{font-size:1.2em}p{font-size:1em}}