body{align-items:center;background:url(/static/media/Background.074db39a9190769bf8d0.png) no-repeat 50%/cover;display:flex;height:90vh;justify-content:center}#title{color:green;text-align:center}#title span{color:#ffbf00;-webkit-text-decoration:green line-through;text-decoration:green line-through}#task-counter{color:#ffbf00;margin-left:20px}#completed-tasks{color:green;margin-left:20px}#title .fa-check{border:2px solid #37784f;border-radius:10px;padding:0 5px}#container{height:600px;scroll-behavior:smooth}#task-container{margin:20px;max-height:350px;overflow:hidden}#task-container:hover{overflow-y:auto}#add-task-container{align-items:center;background:#f1ddff;border-radius:20px;box-shadow:0 0 3px;display:flex;margin:20px;padding:20px 10px;position:relative}.msg{-webkit-animation:bounce 2s ease-in-out infinite;animation:bounce 2s ease-in-out infinite;left:25%;position:absolute;top:-25%}.error{color:red}input{border-radius:10px;flex:5 1;font-size:1.2rem;padding:5px}#time,input{margin-right:10px}#time{border-radius:5px;font-size:1rem}#add-task{background:#f1ddff;border:2px solid #6364ff;border-radius:10px;color:#6364ff;flex:0.5 1;font-size:1.2rem;padding:5px;transition:.3s}ul{padding-left:0}#add-task:hover{background-color:#6364ff;color:#f1ddff}.task{align-items:center;background-color:#f4f4f4;border-radius:10px;box-shadow:0 0 3px;display:flex;justify-content:space-between;margin-bottom:8px;margin-right:5px;padding:5px}.task li{flex:4 1;font-size:1.2rem;font-weight:700;list-style:none;margin:10px;padding:5px}.task button{background-color:#f4f4f4;border-radius:10px;cursor:pointer;flex:1 1;padding:5px}.task .checkTask{border:2px solid #37784f;color:#37784f;font-size:1.5rem;margin-right:5px}.task .checkTask:hover{background-color:#37784f;color:#f4f4f4}.task .recycleTask{border:2px solid #ffbf00;color:#ffbf00;font-size:1.5rem;margin-right:5px}.task .recycleTask:hover{background-color:#ffbf00;color:#f4f4f4}.task .deleteTask{border:2px solid red;color:red;font-size:1.5rem}.date-and-time{border:2px solid gray;border-radius:10px;margin:5px;padding:0 2px}.date-and-time p{font-weight:700;margin:5px}.task .deleteTask:hover{background-color:red;color:#f4f4f4}#congratulations{-webkit-animation:bounce 2s ease-in-out infinite;animation:bounce 2s ease-in-out infinite;color:green;text-align:center}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=main.4a64b404.css.map*/