*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#222;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}.task-contanier{align-items:center;background-color:#444;border-radius:5px;color:#fff;display:flex;justify-content:space-between;margin:8px 0;padding:15px 20px}.task-title{cursor:pointer;word-break:break-all;&:hover{opacity:.8}}.buttons-containers{display:flex;justify-content:flex-end;width:30%}.mark-task-completed-button,.remove-task-button,.see-task-details-button{background-color:#444;border:none;color:gold;cursor:pointer;font-size:1.5rem;margin:0 5px;transition:all .4s ease;&:hover{opacity:.5}}.add-task-container{display:flex;margin:15px 0;width:100%}.add-task-input{background-color:#444;border:none;border-radius:5px;color:#eee;flex:2 1;font-size:1rem;height:40px;padding:0 10px}.add-task-button-container{flex:1 1;margin-left:10px}.error-message{color:red;margin-top:10px}.button{background-color:initial;border:1px solid gold;border-radius:5px;color:gold;cursor:pointer;font-size:1rem bold;height:40px;padding:0 10px;transition:all .5s ease;width:100%;&:hover{background-color:gold;border:none;color:#444}}.task-details-container{background-color:#444;border:5px radius;color:#eee;display:flex;flex-direction:column;margin:15px 0;padding:15px 20px;width:100%}.task-details-container h2{color:gold;margin-bottom:5px;word-break:break-all}.back-button-container{margin-top:10px;width:30%}.container{border:2px solid gold;border-radius:10px;margin:30px auto;max-width:500px;min-height:300px;overflow:auto;padding:30px}
/*# sourceMappingURL=main.f937bba5.css.map*/