.loading-spinner{align-items:center;display:flex;height:100vh;justify-content:center}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid rgba(0,0,0,.3);border-radius:50%;border-top-color:#3498db;height:50px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.card{border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:10px;padding:10px}.card-body{border:4px solid #cfcbb4;font-family:Arial,sans-serif;font-size:16px;margin:2% 5% 5%}.card-text{color:#333;margin:0}.delete-button{color:#b22222}.todo-input{align-items:center;background-color:#f2f2f2;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;margin:0 auto;max-width:400px;padding:10px}.todo-input input{background-color:initial;flex-grow:1;padding:8px}.todo-input button,.todo-input input{border:none;font-size:16px;outline:none}.todo-input button{background-color:#4caf50;border-radius:4px;color:#fff;cursor:pointer;margin-left:8px;padding:8px 16px;transition:background-color .3s ease}.todo-input button:hover{background-color:#45a049}.todo-input button:active{background-color:#3e8940}.submit-button{display:flex;justify-content:center;margin-top:20px}.submit-button button{background-color:#ff9f00;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;outline:none;padding:10px 20px;transition:background-color .3s ease}.submit-button button:hover{background-color:#ff8c00}.submit-button button:active{background-color:#ff751a}.suggestion-area{margin:2% 5% 5%}.App{font-family:Arial,sans-serif;text-align:center}.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)}}.login-with-google-btn{background-color:#fff;background-position:12px 11px;background-repeat:no-repeat;border:none;border-radius:3px;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);color:#757575;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;padding:12px 16px 12px 42px;transition:background-color .3s,box-shadow .3s}.login-with-google-btn:hover{box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25)}.login-with-google-btn:active{background-color:#eee}.login-with-google-btn:focus{box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25),0 0 0 3px #c8dafc;outline:none}.login-with-google-btn:disabled{background-color:#ebebeb;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);cursor:not-allowed;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.logout-button{background-color:#9dc0cd;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;outline:none;padding:10px 20px;transition:background-color .3s ease}.logout-button:active,.logout-button:hover{background-color:#7c878b}
/*# sourceMappingURL=main.e1f68d0d.css.map*/