@import url(https://fonts.googleapis.com/css2?family=Catamaran:wght@400;500;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root,body,html{background-color:#f0f0f0;font-family:Catamaran,sans-serif;font-size:62.5%;font-weight:400;height:100%;margin:0;padding:0;scroll-behavior:smooth}a{text-decoration:none}img{height:auto}button,input,select,textarea{font-family:inherit}button{border:none;cursor:pointer}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.task-input{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;padding:16px}.task-input input{background-color:#f5f5f5;border:none;border-radius:8px 0 0 8px;color:#333;flex:3 1;font-size:16px;outline:none;padding:12px}.task-input input::-webkit-input-placeholder{color:#aaa}.task-input input::placeholder{color:#aaa}.task-input button{background-color:#007bff;border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;padding:12px 20px;transition:background-color .3s ease}.task-input button:hover{background-color:#0056b3}.Button__input{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:5px;padding:8px 16px;transition:background-color .3s ease}.Button__input--clickable{cursor:pointer}.task{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;justify-content:space-between;margin-bottom:4px;padding:16px}.task-to-do{border-left:4px solid #ff9800}.task-done{border-left:4px solid #4caf50}.task .task-content{color:#333;flex:3 1;font-size:1.6rem;padding:12px}.task .task-content-done{text-decoration:line-through}.task .task-content:before{color:#777;content:"Zadanie: ";font-weight:700}.task .task-actions{align-items:center;display:flex}.task .task-actions label.checkbox-label{align-items:center;color:#777;cursor:pointer;display:flex;font-size:14px;-webkit-user-select:none;user-select:none}.task .task-actions label.checkbox-label input[type=checkbox]{margin-right:6px}.task .task-actions button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .3s ease}.task .task-actions button:hover{background-color:#0056b3}.task-list{display:flex;flex-direction:column;gap:10px}.task-list .task-title{font-size:20px;font-weight:700;margin-top:10px}.tasks-container{margin:0 auto;max-width:1200px;padding:20px;width:70%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.917c733d.css.map*/