@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);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}.App{background-color:#71c8e2;border:1px solid #71c8e2;border-radius:20px;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);font-family:Roboto,sans-serif;height:auto;margin:100px auto;max-width:500px;min-height:250px;text-align:center;width:100%}h1{font-weight:700}h1,p{color:#fff}p{font-weight:400}form{align-items:center;display:flex;justify-content:center}input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;height:50px;margin:8px 0;padding:6px 12px;text-align:left;width:315px}input:focus{border:1px solid #fac5de;color:#2f2f2f;outline:none}.button-add{background-color:#fac5de;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:40px;width:50px}.button-add:active,.button-add:hover{background-color:#f1accc}.button-add:active{box-shadow:0 1px #c8c7c7;-webkit-transform:translateY(2px);transform:translateY(2px)}.button-x{color:#000;font-size:20px}.button-done,.button-x{border:none;border-radius:5px;cursor:pointer;margin-left:5px}.button-done{align-items:center;color:#2f2f2f;font-size:25px;padding-top:5px}.clear-button{background:#fac5de;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;font-weight:800;height:30px;margin-bottom:50px;margin-top:50px;width:370px}.clear-button:active,.clear-button:hover{background-color:#f1accc}.clear-button:active{box-shadow:0 1px #c8c7c7;-webkit-transform:translateY(2px);transform:translateY(2px)}.task-list{align-items:center;background:#f4f8f8;border:none;border-radius:5px;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.1);color:#2f2f2f;display:flex;font-size:25px;font-size:24px;font-weight:300;justify-content:space-between;list-style:none;margin:10px auto;padding:0 7px 5px;width:350px}button{margin-left:5px}.task-done{text-decoration:line-through}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.7f770e8c.css.map*/