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{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)}}.user-name{color:#333;font-size:24px;margin-bottom:20px}.user-navigation{margin-top:30px}.user-navigation ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.user-navigation ul li{margin-right:20px}.user-navigation ul li:last-child{margin-right:0}.user-navigation a{color:#007bff;font-weight:700;text-decoration:none;transition:color .3s}.user-navigation a:hover{color:#0056b3}.users-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:0 auto;max-width:500px;padding:40px;position:relative;text-align:center}.logout-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;position:absolute;right:10px;top:10px}.logout-button:hover{background-color:#0069d9}.todos-container{margin:0 auto;max-width:800px;padding:40px 20px;text-align:left}.todos-header{font-size:2rem;margin-bottom:20px;text-align:center}.todos-list{display:flex;flex-wrap:wrap;justify-content:flex-start}.todo-item{align-items:center;display:flex;flex-direction:column;margin:10px;text-align:left}.todo-label{align-items:left;cursor:pointer;display:flex;margin-bottom:12px;padding-left:35px;position:relative;-webkit-user-select:none;user-select:none}.todo-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.todo-checkmark{background-color:#fff;border-radius:50%;height:25px;left:0;position:absolute;top:0;width:25px}.todo-label:hover .todo-checkbox~.todo-checkmark{background-color:#ccc}.todo-checkbox:checked~.todo-checkmark{background-color:#2196f3}.todo-checkmark:after{content:"";display:none;position:absolute}.todo-checkbox:checked~.todo-checkmark:after{display:block}.todo-checkmark:after{border:solid #fff;border-width:0 3px 3px 0;height:10px;left:9px;top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:5px}.selectComp{text-align:center}.todo-item button{margin-top:8px}.todos-new{display:flex;justify-content:center;margin-bottom:20px}.todo-item button:first-child{margin-right:8px}.todo-item .button-container{display:flex;margin-top:8px}.todo-item .button-container button{margin-right:8px}body{background-color:#f4f4f4}.posts-header{color:#333;font-size:2rem;margin-bottom:20px}.post-item:hover{box-shadow:0 4px 8px rgba(0,0,0,.2)}.post-title{color:#333;cursor:pointer;font-size:24px;margin:0;transition:color .3s}.post-title.active{color:#007bff}.post-body{color:#333;font-size:16px;margin-top:10px}.comments-toggle{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px;transition:background-color .3s}.comments-toggle:hover{background-color:#0056b3}.comments-container{margin-top:20px}.comment-item{background-color:#f4f4f4;border-radius:4px;margin-bottom:10px;padding:10px}.comment-name{color:#333;font-size:18px;margin:0}.comment-email{color:#333;font-size:14px;margin-top:5px}.comment-body{color:#333;font-size:16px;margin-top:5px}.posts-container{align-items:center;background-color:#fff;justify-content:center;margin:0 auto;max-width:800px;padding:40px;text-align:center;width:90%}.post-item,.posts-container{border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column}.post-item{align-items:flex-start;background-color:#e6e6fa;margin-bottom:20px;padding:20px;text-align:left;transition:box-shadow .3s}.comment-item,.comments-list{list-style-type:none;padding-left:0}.post-item>div{align-items:center;display:flex;justify-content:space-between}.post-item>div button{margin-right:2px}.post-item .button-container{display:flex;margin-top:8px}.post-item .button-container button{margin-right:8px}.textarea-enlarge{height:100px;resize:vertical;width:100%}.login-container{align-items:center;background-color:#e6e6fa;display:flex;flex-wrap:wrap;height:100vh;justify-content:center}form{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:0 auto;max-width:500px;padding:40px;text-align:center}h1{font-size:24px}.form-group,h1{margin-bottom:20px}.form-group{align-items:center;text-align:left}label{display:block;font-weight:700;margin-bottom:5px}input{border:1px solid #3f0e56;border-radius:4px;color:#3f0e56;padding:10px;width:90%}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}button:hover{background-color:#0069d9}body{background-color:#e6e6fa}.info-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:0 auto;max-width:800px;padding:40px;text-align:center}.info-header{color:#333;font-size:36px;margin-bottom:20px}.info-details{text-align:left}.info-item{color:#333;font-size:18px;margin:10px 0}.info-subheader{color:#333;font-size:24px;margin-bottom:10px}.info-address,.info-company{margin-top:20px}.background{background-color:#e6e6fa;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:0 auto;max-width:800px;padding:40px;text-align:center}
/*# sourceMappingURL=main.3d3a4230.css.map*/