:root{--primary:#040c4f;--accent:#8b0055;--text:#01020b;--white:#f7f9fd}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f9fd;background-color:var(--white);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}.App{text-align:center}.bold{font-weight:700}.marginBottom{margin-bottom:2em}.button{border:1px solid;border-radius:5px;color:#fff;font-weight:700;padding:1em}.buttonPrimary{background-color:var(--primary)}.button:hover{box-shadow:inset 2px 2px 3px rgba(0,0,0,.5)}.buttonSecondary{background-color:var(--accent)}.input{margin:.5em;padding:.5em}.input:focus{border-color:#2a2d48}.inputName{width:30em}.inputNumber{width:10em}@media screen and (max-width:480px){body{font-size:16px}body *{font-size:.8rem}.header{background-color:var(--primary);color:var(--white);font-size:1.3em;margin:0;padding:1em}.inputName{width:22.5em}.button{padding:.5em .8em}}.addButton{padding:.7em}.editTask{align-content:center;align-items:center;display:flex;justify-content:center}.saveNumber{width:2em}.errorMessage{color:var(--accent);margin:0}@media screen and (max-width:480px){.addButton{padding:.7em 11em}.saveNumber{width:2em}}.center{margin:auto}.tasksTitle{font-style:italic;margin-bottom:.2em;margin-top:1.5em}.taskTitle{display:grid;font-weight:700;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;margin:auto;width:80%}.taskTitle1{grid-column:1/2}.taskTitle2{grid-column:2/3}.taskList{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;margin:auto;padding:0;width:80%}.taskListItem1{grid-column:1/4}.taskContent{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center}.taskContentItem1{grid-column-end:2;grid-column-start:1}.taskContentItem2{grid-column-end:3;grid-column-start:2}.taskContentItem3{grid-column-end:4;grid-column-start:3}#editTask{align-content:center;align-items:center;display:flex;justify-content:center}.modal{background-color:#000;background-color:rgba(0,0,0,.4);height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:1}.modal-content{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:animatetop;animation-name:animatetop;background-color:#fefefe;border:1px solid #888;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin:auto;padding:0;position:relative;width:60%}@-webkit-keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}.close{background-color:var(--primary);border:0;color:#000;color:var(--white);float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:var(--accent);cursor:pointer;text-decoration:none}.modal-header{background-color:#040b45;color:#fff;padding:2px 16px}.modal-body{padding:20px 16px;text-align:left}.modal-footer{background-color:#451b04;color:#fff;padding:2px 16px}.display-block{display:block}.display-none{display:none}@media screen and (max-width:480px){.modal{padding-top:45px}.modal-content{width:75%}.modal-body{padding:0 16px}}
/*# sourceMappingURL=main.7bf75ae3.css.map*/