.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(90deg)}to{transform:rotate(-90deg)}}body{background-color:#1b1b1b;margin:0;padding:0}h1{color:#ffab00}.card-name,h1{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.card-name{color:#2c2c2c;font-size:18px;font-weight:700;text-decoration:none}h3,h4{color:#fff;padding:4px 4px 4px 20px}.sub,h3,h4{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.sub{color:#000;font-style:italic}.sidebar{background-color:#333;background-color:#222;display:flex;flex-direction:column;height:100vh;left:0;padding-top:20px;position:fixed;top:0;width:200px}button{background-color:#000;border:#0000;border-radius:5px;padding:10px}.img{display:inline-flex}.tools a{color:#fff;display:block;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:18px;padding:15px 20px;text-decoration:none;transition:.3s}.tools a:hover{background-color:#ffab00}.main{flex-grow:1;margin-left:200px;padding:20px}.project-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin-top:10vh}.project-card{background-color:#f5f5f5;border:1px groove #fff;border-radius:5px;box-shadow:0 4px 8px 0 #2e2e2e;height:180px;max-width:-webkit-fit-content;max-width:fit-content;padding:5px;transition:.3s;width:200px}.project-card:hover{padding:10px}.add-project,.delete-project,.toggle{background-color:#333;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;font-weight:400;max-width:-webkit-fit-content;max-width:fit-content;transition:.3s}.add-project:hover,.toggle:hover{background-color:#ffab00}.delete-project:hover{background-color:#d35536}.project-details{background-color:initial;border:none;border-bottom:2px solid #ccc;color:#fff;display:block;font-size:16px;outline:none;padding:10px;transition:all .3s ease;width:20%}.project-highlight{background-color:#ffab00;position:absolute;transition:all .3s ease}.project-details:focus{border-bottom:2px solid #ffab00;color:#ffab00;font-size:15px}.project-details:focus+.project-highlight{width:100%}.dateEnd,.dateStart{background-color:initial;border:none;border-bottom:2px solid #ccc;color:#fff;display:block;outline:none;padding:10px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.dateEnd:focus,.dateStart:focus{border-bottom:2px solid #ffab00;color:#ffab00}#projectDetailContainer{display:flex;flex-direction:row;gap:20px}.label{color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.pomoTitle{margin-left:auto;margin-right:auto;max-width:-webkit-fit-content;max-width:fit-content}.todo-header{font-family:system-ui;margin-left:30vh}.todo{display:flex;gap:10px}.todo,.todo-full{margin-left:15vh}.add-button{background-color:initial;border:2px solid #ffb300;border-radius:10px;color:#fff;font-family:system-ui;font-weight:700;padding:15px}.add-button:hover{background-color:#ff8f26;transition:.3s}.task-list{margin-left:15vh;margin-top:2%;max-width:500px;padding:0;width:100%}.task-list ul{list-style-type:none;margin:0;padding:0}.task-list li{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #ddd;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:5px;padding:10px 15px}.task-list li .text{color:#333;flex-grow:1;font-size:16px;margin-right:15vh}.task-list li button{border:none;border-radius:5px;cursor:pointer;padding:5px 10px}.task-list li .delete-button{background-color:#e74c3c;color:#fff;margin-right:5px}.task-list li button:hover{opacity:.8}.mark-as-done{background-color:#59e73c;color:#fff;margin-right:5px}.text{font-fize:18px;font-family:system-ui;font-weight:700}
/*# sourceMappingURL=main.5f02c13b.css.map*/