@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);:root{--heading-color:#444;--text-color:#999;--primary-color:#8d69f1;--highlight-color:#d13267;--bg-color:#f4f4f4}body{background:#f4f4f4;background:var(--bg-color);font-family:Poppins,sans-serif;font-size:1.1em}h1,h2,h3,h4,li,p,ul{margin:0;padding:0}ul{list-style-type:none}.page-title{color:#444;color:var(--heading-color);display:inline-block;font-size:1em}.btn{background:#fff;border:1px solid #8d69f1;border:1px solid var(--primary-color);border-radius:4px;color:#8d69f1;color:var(--primary-color);font-size:1em;padding:8px 12px}.btn:hover{background-color:#8d69f1;background-color:var(--primary-color);color:#fff}label{display:block;margin:24px auto}label span{display:block;margin-bottom:6px}input,textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;color:#777;font-size:1em;padding:8px 6px;width:100%}textarea{min-height:160px}.error{background:pink;border:1px solid red;border-radius:4px;margin:10px 0;padding:8px}.App{display:flex}.App .container{flex-grow:1;padding:0 60px}.project-list{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:40px}.project-list a{background-color:#fff;border-radius:6px;box-shadow:3px 3px 5px #0000000d;color:inherit;padding:16px;text-decoration:none}.project-list h4{color:var(--heading-color);font-size:.9em}.project-list p{color:var(--text-color);font-size:.9em}.project-list .assigned-to{border-top:1px solid #eee;margin-top:20px;padding-top:10px}.project-list ul{display:flex;margin:10px 0}.project-list li{margin-right:10px}.project-list .avatar{height:30px;width:30px}.avatar{border-radius:50%;display:inline-block;height:50px;overflow:hidden;width:50px}.avatar img{height:100%;width:100%}.project-filter{margin:30px auto}.project-filter nav{background-color:#fff;border-radius:4px;display:flex;padding:10px}.project-filter p{font-size:.9em;margin-right:10px}.project-filter button{background:#0000;border:0;border-right:1px solid #e4e4e4;color:var(--text-color);cursor:pointer;font-family:inherit;font-size:.9em;font-weight:700}.project-filter button:last-child{border:0}.project-filter button.active{color:var(--primary-color)}.dashboard-page{background:url(/static/media/school.0d7254141bbcc83b91d9.jpg) no-repeat 50% fixed;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;padding:20px}.page-title{color:#fff;margin-bottom:20px}.create-form{align-items:center;background:url(/static/media/ground.109c2cbe0b5f96f35319.jpg) no-repeat 50% fixed;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px}form{background:#fffc;border-radius:10px;box-shadow:0 0 10px #0000001a;max-width:500px;padding:20px;width:100%}.page-title{color:#333;font-size:2rem;text-align:center}.btn{background-color:#4caf50;border:none;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px;width:100%}.btn:hover{background-color:#45a049}.error{color:red;margin-top:10px}label{font-size:16px;margin-bottom:10px}.Select__control,input,textarea{border:1px solid #ddd;border-radius:5px;margin-top:5px;padding:10px;width:100%}.Select__multi-value{background-color:#4caf50;color:#fff}.login-page{background:url(/static/media/loginimg.dbdf9df684b6e838def2.jpg) no-repeat 50% fixed;background-size:cover}.login-page,.signup-page{align-items:center;display:flex;height:100vh;justify-content:center;margin:0}.signup-page{background:url(/static/media/signme.1c66792ff0c68a98b7c6.jpg) no-repeat 50% fixed;background-size:cover}.auth-form{background:#fffc;border-radius:10px;box-shadow:0 0 15px #0000001a;padding:20px;position:relative;width:300px;z-index:2}.project-details{grid-gap:60px;align-items:start;background-image:url(/static/media/panel.e7981be23d54ef822dba.jpg);display:grid;grid-template-columns:3fr 2fr}.project-summary{background-color:#fff;border-radius:4px;padding:30px}.project-summary .due-date{color:var(--title-color);font-size:.9em;margin:10px 0}.project-summary .details{line-height:1.8em;margin:30px 0}.project-summary .details,.project-summary h4{color:var(--text-color);font-size:.9em}.project-summary .assigned-users{display:flex;margin-top:20px}.project-summary .assigned-users .avatar{margin-right:10px}.project-summary+.btn{margin-top:20px}.project-comments label{margin-bottom:0}.project-comments textarea{font-size:1.5em;min-height:40px}.project-comments h4{color:var(--heading-color)}.project-comments li{background:#fff;border:1px solid #f2f2f2;border-radius:4px;box-shadow:3px 3px 5px #0000000d;margin-top:20px;padding:16px}.comment-author{align-items:center;color:var(--title-color);display:flex}.comment-author .avatar{height:30px;margin-right:10px;width:30px}.comment-date{margin:4px 0 10px}.comment-content,.comment-date{color:var(--text-color);font-size:.9em}.navbar ul{align-items:center;display:flex;justify-content:flex-end;margin:0 auto}.navbar .logo img{filter:invert(25%);margin-right:10px;margin-top:30px;width:36px}.navbar-container{justify-content:space-between;position:relative;z-index:1}.logo,.navbar-container{align-items:center;display:flex}.logo img{display:inline-block;margin-right:8px;transform:translateY(-20px)}.logo span{display:inline-block;font-size:24px;font-weight:700;transform:translateY(-2px)}.navbar{box-sizing:border-box;margin-bottom:20px;padding:20px 0;width:100%}.navbar .logo{align-items:center;color:var(--heading-color);display:flex;font-size:2rem;font-weight:700;letter-spacing:1px;margin-right:auto}.navbar a{font-size:1.1rem;margin-right:20px}.nav-elements ul a,.navbar a{color:#333;text-decoration:none}.nav-elements ul a{font-size:1.2rem;font-weight:600;padding:.5rem 0;transition:all .3s ease-in-out}.nav-elements ul a:hover{color:#007bff}.logout-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1.2rem;transition:background-color .3s ease-in-out}.logout-btn:hover{background-color:#0056b3}.logout-btn:disabled{background-color:#ccc;cursor:not-allowed}.menu-icon{cursor:pointer;display:none}@media (max-width:768px){.nav-elements{background-color:#fff;height:calc(100vh - 60px);overflow:hidden;position:absolute;right:0;top:60px;transition:all .3s ease-in;width:0}.nav-elements.active{width:270px}.nav-elements ul{display:flex;flex-direction:column}.nav-elements ul li{margin-right:0;margin-top:22px}.menu-icon{display:block}}.sidebar{background:linear-gradient(180deg,#4caf50,#45a049);box-shadow:2px 0 5px #0000001a;color:#fff;min-height:100vh;padding:30px 20px;width:300px}.sidebar-content{display:flex;flex-direction:column;height:100%}.user{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;margin-bottom:30px;padding:20px}.user p{font-weight:600;margin-left:15px}.links ul{list-style:none;margin:0;padding:0}.links li{margin-bottom:15px}.links a{align-items:center;border-radius:5px;color:#fff;display:flex;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.links a:hover{background-color:#ffffff1a}.links a.active{background-color:#fff3}.links img{height:20px;margin-right:10px;width:20px}.links span{font-size:16px}.user-list{background:#fbfbfb;box-sizing:border-box;color:var(--heading-color);min-width:250px;padding:30px;width:250px}.user-list h2{border-bottom:1px solid #eee;font-size:1.2em;margin-bottom:40px;padding-bottom:10px;text-align:right}.user-list .user-list-item{align-items:center;display:flex;justify-content:flex-end;margin:20px auto}.user-list .avatar{height:40px;margin-left:10px;width:40px}.user-list .online-user{background:#0ebb50;border-radius:50%;display:inline-block;height:12px;margin-right:10px;margin-top:2px;width:12px}body{background-color:#f8f9fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.landing-page{background-image:url(/static/media/project.76531ea051c66d9aa455.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;min-height:100vh}.header{background-color:#343a40cc;color:#fff;padding:2rem 0;text-align:center}.header h1{font-size:3.5rem;margin:0}.main-content{align-items:center;display:flex;flex-grow:1;justify-content:center;padding:2rem;position:relative}.content-overlay{background-color:#ffffffe6;border-radius:8px;padding:2rem;text-align:center}.content-overlay h2{color:#343a40;font-size:2.5rem;margin-bottom:1rem}.content-overlay p{font-size:1.2rem;margin-bottom:2rem;max-width:600px}.cta-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;padding:1rem 2rem;transition:background-color .3s}.cta-button:hover{background-color:#218838}.footer{background-color:#343a40;color:#fff;padding:1rem 0;text-align:center}.footer nav a{color:#fff;margin:0 .5rem;text-decoration:none}.footer nav a:hover{text-decoration:underline}
/*# sourceMappingURL=main.e36ba85f.css.map*/