@import url(https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap);@import url(https://fonts.googleapis.com/css2?family=Abel&display=swap);*{margin:0;padding:0;box-sizing:border-box}.todo-list-container{display:flex;width:93.5%;flex-wrap:wrap;margin:20px auto}.todo-card{display:flex;flex-direction:column;border-radius:5px;height:300px;width:400px;color:#fff;box-shadow:-.5rem 0 .5rem #000;transition:.2s;text-align:left;position:relative;background-color:#17141d;margin:22px;overflow-x:hidden;overflow-y:auto;padding:10px 15px}.todo-card:hover{transform:translateY(-.5rem)}.todo-card .funtions{text-align:right}.todo-card .funtions button{width:40px;height:20px;margin-right:7px;cursor:pointer;background:none;border:none;color:#fff;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.todo-card .description h2{font-size:1.8rem;text-align:left;color:#fff;text-transform:capitalize}.todo-card .description .info{font-size:1.3rem;font-family:"Cutive Mono",monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#a18cd1}::-webkit-scrollbar-thumb:hover{background:#17141d}body{background-image:linear-gradient(0deg,#a18cd1 0,#fbc2eb);height:100%;min-height:100vh}.main-title{position:relative;text-align:center;color:#fbc2eb;font-size:4vw;-webkit-text-stroke:2px #17141d}.main-title:before{content:"Sticky-Notes";position:absolute;top:0;left:40;width:0;height:100%;color:#17141d;border-right:6px solid #17141d;overflow:hidden;animation:animateText 6s linear infinite}@keyframes animateText{0%,5%,20%,25%,to{width:0}70%,90%{width:12%}}.main-form{height:300px;width:40%;margin:20px auto;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:3s}.main-form button{border:1px solid #17141d;background-color:#17141d;color:#fff;width:100px;height:70px;margin:12px auto;transition:.5s;border-radius:5px}.main-form button:hover{border:1px solid #17141d;background-color:#480048;color:#fff}.main-form button:disabled,.main-form button[disabled]{border:1px solid #999;background-color:#ccc;color:#666;border-radius:5px}.input-title{width:60%;height:50px;font-size:1.6rem;font-weight:700;margin:10px auto;font-family:"Cutive Mono",monospace}.input-title,.input-todo{border:2px solid #000;padding:5px;background:none;border-radius:2px}.input-todo{width:97%;font-size:1.5rem;height:100%;margin:0 auto;position:relative;font-family:"Abel",sans-serif}@media (max-width:480px){.main-title{font-size:14vw;-webkit-text-stroke:1px #17141d}@keyframes animateText{70%,90%{width:42%}}.main-form{height:200px;width:80%}.input-title{border:1px solid #000;width:70%;height:60px;font-size:1rem}.input-todo{font-size:.8rem;border:1px solid #000}.main-form button{width:50px;height:50px;margin:6px auto}.todo-list-container{margin:0 auto;width:70%}.todo-card{height:220px;width:300px;margin:5px;overflow-x:hidden;overflow-y:auto;padding:3px 5px}.todo-card .funtions button{width:20px;height:10px;margin-right:3px;font-size:.7rem}.todo-card .description h2{font-size:1rem}.todo-card .description .info{font-size:.8rem}}
/*# sourceMappingURL=main.7b16dea9.chunk.css.map */