:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-width:320px;min-height:100vh;background-color:#242424;padding:10%}.input-bar-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:30px}.card-container{display:flex;flex-wrap:wrap;flex-shrink:0;justify-content:center}.card-container .card{flex-basis:25%}button{border-radius:30px;background-color:red}.card{box-shadow:0 4px 8px #0003;border-radius:10px;transition:.3s;background-color:#fff;color:#000;min-width:250px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;margin:10px}.card .text-container{overflow:auto}.card:hover{box-shadow:0 0 16px #fff}.submit-button{width:220px;height:50px;border:none;outline:none;color:#fff;background:#111;cursor:pointer;position:relative;z-index:0;border-radius:10px}.submit-button:before{content:"";background:linear-gradient(45deg,#ff0000,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,#ff0000);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:10px}.submit-button:active{color:#000}.submit-button:active:after{background:transparent}.submit-button:hover:before{opacity:1}.submit-button:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#111;left:0;top:0;border-radius:10px}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.todo-input-bar{width:60vw;color:#24232a;font-size:16px;line-height:20px;min-height:28px;border-radius:4px;padding:8px 16px;border:2px solid transparent;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;background:rgb(251,251,251);transition:all .1s ease 0s}.todo-input-bar :focus{border:2px solid rgb(124,138,255)}.trash-button{all:unset;cursor:pointer;align-self:flex-end}