*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(90deg,#f07,#e100ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.add-button{background-color:#a7099f;border:none;border-radius:5px;color:#c7c7c7;cursor:pointer;font-size:16px;font-weight:700;height:40px;padding:0 10px;transition:all .5s ease;width:100%}button:hover{background-color:#ab2788;color:#f0b}.add-task-container{display:flex;margin:15px 0;width:100%}.add-task-input{background-color:#a7099f;border:2px solid #fb6bd5;border-radius:5px;color:#c7c7c7;flex:2 1;font-size:16px;font-weight:bolder;height:40px;padding:0 10px}.add-task-button-container{flex:1 1;margin-left:10px}.task-container{align-items:center;background-color:#ab2788;border-radius:5px;color:#000;cursor:pointer;display:flex;justify-content:space-between;margin:8px 0;padding:15px 20px}.buttons-container{display:flex;justify-content:flex-end;width:30%}.remove-task-button,.see-task-details-button{background-color:#ab2788;border:none;color:#fb6bd5;font-size:24px;margin:0 5px}.task-details-container{background-color:#ab2788;border-radius:5px;color:#000;display:flex;flex-direction:column;margin:15px 0;padding:15px 20px}.task-textarea{background-color:initial;border:none;border-radius:0;caret-color:#fff;color:#fff;font-size:1rem;height:120px;margin:15px 0;outline:none;padding:10px;resize:none;width:100%}.task-details-container h2{color:#f0b;margin-bottom:5px}.back-button-container{margin-top:10px;width:30%}body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}.container{border:8px solid #a7099f;border-radius:10px;margin:30px auto;max-width:500px;min-height:300px;overflow:auto;padding:30px}.custom-icon{fill:purple;color:purple}.dark-body{background:linear-gradient(90deg,#4c1653,#550032);color:#fe1cd9;transition:2s}.light-body{background:linear-gradient(90deg,#f07,#e100ff);color:#6b056f;transition:2s}.theme-toggle-button .custom-icon{cursor:pointer}@media screen and (max-width:520px){.container{margin:30px 10px}}
/*# sourceMappingURL=main.2dcd1f1d.css.map*/