body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.form-container{padding:2%}.description{padding-right:20px}.description label{font-weight:700}input[type=text],select{border:1px solid #ccc;border-radius:3px;font-size:16px;padding:8px;width:100%}.status{font-weight:700}.add-task-button{align-items:center;display:flex;justify-content:center;padding:20px}.add-task-button button{background-color:#0000;border:1px solid #0000;border-radius:300px;box-shadow:inset 0 0 0 2px #616467;color:#28a745;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;height:48px;letter-spacing:2px;line-height:1;min-width:160px;outline:none;padding:14px 12px 16px;text-align:center;text-transform:uppercase;transition-duration:.3s;transition-property:background-color,border-color,color,box-shadow,filter;white-space:normal}.add-task-button button:hover{background-color:#28a745;color:#fff}option[value=completed]{color:green}option[value=open]{color:gray}.header-container{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:999}header{border-bottom:1px solid #ccc;box-shadow:0 2px 4px #0000001a;flex-direction:column;justify-content:space-between;padding:20px}header,header .title{align-items:center;display:flex}header .title{align-content:center;font-size:2.5rem;font-weight:700;margin:0;padding:0}header .author{color:gray;font-style:italic;margin-top:20px}header svg{align-content:center;padding:5px}header svg,nav{align-items:center;display:flex}nav{background-color:#333;justify-content:center;padding:1rem}nav a{color:#fff;font-size:1.2rem;margin:0 10px;text-decoration:none;transition:color .3s ease}nav a:hover{color:#ff4500}.removeButton{border:gray;border-radius:3px;color:#f60000;cursor:pointer;font-weight:700;margin-right:5px;padding:5px 10px}.removeButton:hover{background-color:#f60000;color:#fff}.changeButton{border:gray;border-radius:3px;color:#31a6b6;cursor:pointer;font-weight:700;margin-right:5px;padding:5px 10px}.changeButton:hover{background-color:#15d3ec;color:#fff}.task-container{border:1px solid #ccc;border-radius:5px;margin-bottom:10px;margin-right:10px;padding:10px}.completed{color:green;font-weight:700}.open{color:#5e5e5e}.task-form{padding:2%}.task-list{display:flex;flex-direction:column-reverse}.clear-button{bottom:0;display:flex;justify-content:center;margin-right:10px;padding:20px;position:-webkit-sticky;position:sticky}.clear-button button{background-color:#0000;border:1px solid #0000;border-radius:300px;box-shadow:inset 0 0 0 2px #616467;color:#f8a305;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;height:48px;letter-spacing:2px;line-height:1;min-width:160px;outline:none;padding:14px 12px 16px;text-align:center;text-transform:uppercase;transition-duration:.3s;transition-property:background-color,border-color,color,box-shadow,filter;white-space:normal}.clear-button button:hover{background-color:#f8a305;color:#fff}.help-page h1{color:#333}.help-page h2{color:#585757}.help-page aside{border:1px solid #e5e5e5;margin-top:3rem;width:200px}.help-page aside a{border-top:1px solid #807c7c;color:#000;display:block;font-size:1rem;font-weight:700;padding:1rem;text-decoration:none}.help-page aside a.active{background-color:#333;color:#fff}.help-page aside a:hover{color:green}@media screen and (max-width:425px){.help-page .help-page{align-items:flex-start;display:flex}.help-page article{flex:1 1}.help-page aside{margin-left:4rem;margin-top:0;width:200px}}.app-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px}@media screen and (max-width:480px){.app-container{grid-template-columns:1fr}}
/*# sourceMappingURL=main.cd6fde40.css.map*/