.App{background:#8611c0;background:linear-gradient(90deg,#8611c0,#2272fc);background:-webkit-linear-gradient(90deg,#8611c0,#2272fc);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#8711C1",endColorstr="#2472FC",GradientType=1);min-height:100vh}.navbar{background-color:rgba(0,0,0,.1);height:70px;justify-content:space-between;min-width:100%}.logo-container,.navbar{align-items:center;display:flex}.logo-container{gap:10px;list-style:none}.logo-container .logo{height:auto;width:40px}.logo-container h1{color:#fff;font-size:larger}.links-container{align-items:center;display:flex;gap:20px;list-style:none;margin-right:50px}.links-container a{color:#fff;font-weight:500;text-decoration:none}.displayName{color:#eee;font-weight:700}.logout-icon{display:none;height:auto;width:20px}@media (max-width:576px){.logo-container{padding-left:10px}.links-container{margin-right:10px}}@media (max-width:350px){.links-container{gap:8px}.links-container a{font-size:14px}.links-container .displayName{font-size:12px}.logout{display:none}.logout-icon{display:block;height:auto;width:18px}.logout-button{border-radius:50%;cursor:pointer;height:30px;width:30px}}.todo-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;left:50%;max-height:600px;min-width:40%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.todo-container form{width:100%}.todo-container label{display:flex;flex-wrap:nowrap;height:40px;justify-content:center;width:100%}.todo-container input{background-color:rgba(0,0,0,.2);border:none;border-radius:4px 0 0 4px;color:#eee;height:45px;outline:none;padding-left:10px;width:90%}.todo-container input::-webkit-input-placeholder{color:#eee}.todo-container input::placeholder{color:#eee}.todo-container button{border:1px solid #eee;border-radius:0 4px 4px 0;height:47px;min-width:10%;padding-left:15px;padding-right:15px}@media (max-width:850px){.todo-container{min-width:70%}}@media (max-width:576px){.todo-container{min-width:80%}}@media (max-width:400px){.todo-container{min-width:90%}}.list-container{list-style:none;margin-top:30px;max-height:400px;overflow-y:auto;scroll-behavior:smooth;width:100%}.list-container::-webkit-scrollbar{width:5px}.list-container::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);border-radius:5px}.list-container::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.2);border-radius:5px}.list-container::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.5)}.list-container li{align-items:center;background-color:rgba(0,0,0,.3);border-radius:4px;cursor:pointer;display:flex;gap:10px;justify-content:space-between;margin-bottom:5px;padding-bottom:10px;padding-top:10px;width:100%}.list-container li:last-child{margin-bottom:0}.list-container span{color:#eee;margin-left:10px}.list-container .delete{cursor:pointer;height:auto;margin-right:10px;width:20px}.strike{text-decoration:line-through}.login-container{align-items:center;border-radius:10px;box-shadow:0 4px 16px rgba(17,17,26,.1),0 8px 32px rgba(17,17,26,.05);display:flex;flex-direction:column;height:auto;justify-content:center;left:50%;padding-bottom:50px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30%}.login-container form{width:50%}.login-container label{display:block;margin:15px auto}.login-container span{display:block;margin-bottom:4px}.login-container input{border:none;border-radius:4px;height:30px;outline:none;width:100%}.demo-container{align-items:center;display:flex;gap:10px;margin:15px 0 0;padding:0}.demo-name{margin:0;padding:0}.hide-icon,.show-icon{cursor:pointer;height:auto;margin:1.5px 0 0;padding:0;width:20px}.credentials-container{background-color:rgba(0,0,0,.5);border-radius:5px;display:flex;flex-direction:column;margin:10px 0 0;padding:10px}.email-credential,.password-credential{margin:0;padding:0}.hidden{display:none}@media (max-width:1550px){.login-container{width:40%}}@media (max-width:1200px){.login-container{width:50%}}@media (max-width:950px){.login-container{width:60%}}@media (max-width:750px){.login-container{width:80%}}@media (max-width:550px){.login-container{width:95%}}@media (max-width:500px){.login-container form{width:80%}}.signup-container{align-items:center;border-radius:10px;box-shadow:0 4px 16px rgba(17,17,26,.1),0 8px 32px rgba(17,17,26,.05);display:flex;flex-direction:column;height:auto;justify-content:center;left:50%;padding-bottom:50px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30%}.signup-container form{width:50%}.signup-container label{display:block;margin:15px auto}.signup-container span{display:block;margin-bottom:4px}.signup-container input{border:none;border-radius:4px;height:30px;outline:none;width:100%}@media (max-width:1550px){.signup-container{width:40%}}@media (max-width:1200px){.signup-container{width:50%}}@media (max-width:950px){.signup-container{width:60%}}@media (max-width:750px){.signup-container{width:80%}}@media (max-width:550px){.signup-container{width:95%}}@media (max-width:500px){.signup-container form{width:80%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eee;color:#eee;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}button{background-color:rgba(0,0,0,.2);border:2px solid #ddd;border-radius:4px;color:#eee;cursor:pointer;font-weight:600;height:35px;width:70px}button:hover{background-color:azure;color:#222}.error{color:#ffb6c1;margin:10px auto}
/*# sourceMappingURL=main.db8b1252.css.map*/