.side-bar{min-height:100vh;height:auto;width:30%;background-color:#151515;z-index:600000;transition:all .5s ease-out;position:-webkit-sticky;position:sticky;top:0}.side-bar,.side-bar-ul{display:flex;justify-content:center;align-items:center;flex-direction:column}.side-bar-ul{list-style-type:none;margin:0;color:#b4a5a5;font-size:clamp(2vw,3vw,3.5vw);position:relative;width:100%}.side-bar-ul:after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background-color:#b4a5a5}.side-bar-ul-li{margin:20px;cursor:pointer;transition:all .3s ease-in-out;position:relative;width:80%}.side-bar-ul-li a{text-decoration:none;color:inherit}.side-bar-ul-li:after{content:"";position:absolute;transition:all .3s ease-in-out;bottom:0;left:0;height:5px;width:100%;background-color:#3c415c;z-index:-1}.side-bar-ul-li:hover:after{height:25px;background-color:rgba(60,65,92,.45098039215686275)}.side-bar-close{background-color:hsla(0,0%,100%,0);color:#b4a5a5;border:none;outline:none;display:none;cursor:pointer;margin-bottom:20px}@media(max-width:980px){.side-bar{position:fixed;top:0;left:-100%;width:100%}.side-bar-ul{font-size:2rem}.side-bar-ul:after{width:0;height:0}.side-bar-close{display:flex}}.main{width:70%;min-height:100vh;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#b4a5a5}.main-h1{font-size:3rem}.main-h1,.main-list{margin-bottom:50px}@media(max-width:980px){.main{width:100%}}.header{display:none;width:100%;min-height:80px;height:auto;background-color:rgba(27,27,27,.3843137254901961);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:60000}.header-hamburger{margin-left:50px;cursor:pointer}@media(max-width:980px){.header{display:flex;justify-content:flex-start;align-items:center;position:-webkit-sticky;position:sticky;top:0;left:0}}.account{width:70%;min-height:100vh;height:auto;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.account .user-picture{width:clamp(70%,500px,95%);height:clamp(200px,300px,450px);margin-bottom:20px;display:flex;justify-content:center;align-items:center;margin-top:20px}.account .user-picture .picture-container{width:clamp(200px,250px,300px);height:clamp(200px,250px,300px);background-color:green;overflow:hidden;border-radius:50%;border:3px solid #b4a5a5}.account .user-picture .picture-container .profile-picture{width:100%;height:100%;object-fit:cover;cursor:pointer}.account .user-info{width:clamp(70%,500px,95%);height:clamp(150px,200px,250px);list-style:none;margin-top:20px;display:flex;justify-content:space-around;align-items:center;flex-direction:column;color:#b4a5a5;font-size:1.5rem;border-top:2px dotted #b4a5a5;padding:20px 0 0}.account .user-info-option{width:85%;text-align:end;position:relative}.account .user-info-option:before{position:absolute;top:0;left:0}.account .user-info .info-1:before{content:"Username:"}.account .user-info .info-2:before{content:"Joined date:"}.account .user-info .info-3:before{content:"Total task:"}@media(max-width:535px){.account .user-info{font-size:1.2rem}}@media(max-width:350px){.account .user-info{font-size:1rem}}@media(min-width:1600px){.account .user-info{font-size:2.2rem}}@media(max-width:980px){.account{width:100%}}.dashboard{width:70%;min-height:100vh;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.dashboard-list{list-style:none;color:#b4a5a5;font-size:1.5rem}.dashboard-list .dashboard-list-option{position:relative;margin:30px;z-index:10;cursor:pointer}.dashboard-list .dashboard-list-option a{text-decoration:none;color:inherit}.dashboard-list .dashboard-list-option:before{content:"";position:absolute;left:0;bottom:0;height:5px;width:100%;background-color:#3c415c;z-index:8;transition:all .3s ease-out}.dashboard-list .dashboard-list-option:hover:before{background-color:rgba(60,65,92,.45098039215686275);height:8px}@media(max-width:980px){.dashboard{width:100%}}.login{width:100%;min-height:80vh;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.login-hi{color:#b4a5a5;margin-bottom:35px}.login-form{background-color:hsla(0,0%,100%,.74);padding:50px;border-radius:8px}.login-form,.register{display:flex;justify-content:center;align-items:center;flex-direction:column}.register{width:100%;min-height:80vh;height:auto}.register-hi{color:#b4a5a5;margin-bottom:35px}.register-form{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:hsla(0,0%,100%,.74);padding:50px;border-radius:8px}.addTask{width:70%;min-height:100vh}.addTask,.addTask-form{height:auto;display:flex;justify-content:center;align-items:center}.addTask-form{width:clamp(70%,80%,90%);flex-direction:column;padding:20px;background-color:hsla(0,0%,100%,.74);border-radius:8px}.addTask-form .MuiFormControl-root{margin:10px}.addTask-form .addTask-form-submit{margin-top:30px}@media(max-width:980px){.addTask{width:100%}}.task{width:70%;min-height:100vh;height:auto}@media(max-width:980px){.task{width:100%}}.tasks{width:70%;min-height:100vh;height:auto;display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;padding:10px}.tasks .completed-task{border:3px solid hsla(0,0%,100%,.226)!important;color:hsla(0,0%,100%,.226)!important}.tasks .off-btn-task{display:none!important}.tasks .single-task{width:45%;min-height:250px;height:auto;margin:10px;border:3px solid #b4a5a5;border-radius:10px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;padding:10px;color:#b4a5a5}.tasks .single-task-time,.tasks .single-task-title{padding-left:7px}.tasks .single-task-status-container{display:flex;justify-content:flex-end;align-items:center}.tasks .single-task-status-container .task-check,.tasks .single-task-status-container .task-delete{margin:0 10px;padding:0 10px;border-radius:4px;cursor:pointer;border:none;outline:none;text-align:center;color:#fff}.tasks .single-task-status-container .task-check{background-color:#1e6f5c}.tasks .single-task-status-container .task-delete{background-color:#ce1212}@media(max-width:865px){.tasks .single-task{width:95%}}@media(max-width:980px){.tasks{width:100%}}*{padding:0;margin:0;box-sizing:border-box;font-family:"Poppins",sans-serif}#root{background-color:#151515;width:100vw;height:100vh;overflow:scroll;overflow-x:hidden;position:relative}#root::-webkit-scrollbar{width:10px}#root::-webkit-scrollbar-button{width:0;height:0}#root::-webkit-scrollbar-thumb{width:100%;background-color:#9e9e9e}.layout{min-height:100%;align-items:flex-start}.footer,.layout{width:100%;height:auto;display:flex;justify-content:center}.footer{min-height:200px;align-items:center;border-top:4px dotted #b4a5a5;margin-top:30px}.footer .footer-p{color:#b4a5a5;text-align:center}.footer .footer-p .who{padding:0 5px;background-color:rgba(0,0,0,.918);cursor:pointer;color:#000}.footer .footer-p .who:hover{color:#b4a5a5;background-color:transparent}@media(max-width:595px){.footer .footer-p .who{display:block;margin:5px}}@media(min-width:1600px){.footer .footer-p{font-size:2.5rem}}.change-password,.change-profile,.change-username{width:70%;min-height:100vh;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}@media(max-width:980px){.change-password,.change-profile,.change-username{width:100%}}.change-password-h1{margin-bottom:20px;color:#b4a5a5}.change-password-form{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#c2c2c2;padding:15px;border-radius:8px;width:80%}.change-password-form div{margin:10px}.change-password-form button{margin:15px}.change-username-h1{margin-bottom:20px;color:#b4a5a5}.change-username-form{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#c2c2c2;padding:15px;border-radius:8px;width:80%}.change-username-form div{margin:10px}.change-username-form button{margin:15px}.change-profile-h1{margin-bottom:20px;color:#b4a5a5}.change-profile-form{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#c2c2c2;padding:15px;border-radius:8px;width:80%}.change-profile-form div{margin:10px}.change-profile-form button{margin:15px}.back-link{position:relative;margin:30px;z-index:10;cursor:pointer;font-size:2rem;text-decoration:none;color:#b4a5a5;padding:0}.back-link:before{content:"";position:absolute;left:0;bottom:0;height:5px;width:100%;background-color:#3c415c;z-index:8;transition:all .3s ease-out}.back-link:hover:before{background-color:rgba(60,65,92,.3215686274509804);height:25px}@keyframes load{0%{opacity:0}10%{opacity:0}20%{opacity:0}30%{opacity:0}40%{opacity:0}50%{opacity:0}60%{opacity:0}70%{opacity:0}80%{opacity:0}90%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.ecdb0a6e.chunk.css.map */