@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;700&display=swap);*{margin:0;padding:0;box-sizing:border-box}body,html{font-size:62.5%;font-family:"Quicksand",Helvetica,sans-serif;font-weight:500;line-height:normal;letter-spacing:normal;color:#24292e}.layout-container{width:100%;height:100vh;display:flex}.layout-container .menu-container{width:20%;height:100vh;background-color:#0cac90;padding:3rem 2rem;position:relative}.layout-container .menu-container h3{position:absolute;bottom:1.5rem;font-size:1.4rem}.layout-container .menu-container .name-container{display:flex;align-items:center;margin-bottom:3.5rem}.layout-container .menu-container .name-container img{width:7rem;border-radius:50%;margin-right:1.5rem}.layout-container .menu-container .name-container .name-wrapper p{font-size:1.8rem}.layout-container .menu-container .name-container .name-wrapper p:first-child{font-size:2rem;color:#fff}.layout-container .menu-container .task-count-container h2{font-size:2.4rem;color:#f7f6f3;margin-bottom:1rem}.layout-container .menu-container .task-count-container p{font-size:1.8rem;margin-bottom:1rem}.layout-container .main-container{width:80%;height:100vh;padding:3rem 2rem 1rem}.layout-container .main-container .main-header .header-title{display:flex;align-items:center}.layout-container .main-container .main-header .header-title img{width:4rem;margin-right:.5rem}.layout-container .main-container .main-header .header-title h1{font-size:2.8rem;font-weight:700}.layout-container .main-container .main-section{display:flex;width:100%;margin-top:2.5rem;overflow-x:auto}.layout-container .main-container footer{padding-top:2rem}.layout-container .main-container footer h3{font-size:1.6rem;width:100%;text-align:center}.ReactModalPortal .ReactModal__Overlay{opacity:0;transition:all .5s ease-in-out}.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open{opacity:1;background-color:rgba(0,0,0,.5)!important}.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open .ReactModal__Content.ReactModal__Content--after-open{width:45rem;left:50%!important;transform:translateX(-50%)}.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open .ReactModal__Content.ReactModal__Content--after-open .header{display:flex;justify-content:space-between;margin-bottom:2.5rem}.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open .ReactModal__Content.ReactModal__Content--after-open .header h2{font-size:2rem}.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open .ReactModal__Content.ReactModal__Content--after-open form .field{width:100%;display:flex;flex-direction:column;margin-bottom:2rem}.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open .ReactModal__Content.ReactModal__Content--after-open form .field h3{font-size:1.6rem;font-weight:700;margin-bottom:.8rem}.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open .ReactModal__Content.ReactModal__Content--after-open form .field input{height:2rem;padding:1.8rem 1.5rem;border-radius:.8rem;border:1px solid #0cac90}.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open .ReactModal__Content.ReactModal__Content--after-open form .field input:focus{outline:none}.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open .ReactModal__Content.ReactModal__Content--after-open form .button-container{margin-top:3rem}.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open .ReactModal__Content.ReactModal__Content--after-open form .button-container button{width:10rem;height:4rem;border-radius:.8rem;border:none;outline:none;background-color:#0cac90;color:#fff;cursor:pointer}.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open .ReactModal__Content.ReactModal__Content--after-open form .button-container button.cancel-btn{margin-right:1rem;background-color:transparent;color:#24292e;border:1px solid #0cac90}.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--before-close{opacity:0}@media (max-width:768px){html{font-size:50%}.layout-container .menu-container{display:none}.layout-container .main-container{width:100%}}.card-box{min-width:30rem;width:350px;border-radius:.8rem;margin-right:2.5rem;padding:2rem 1.5rem;background:#fff;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);outline:none}.card-box .card-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.card-box .card-header-container h1{font-size:2.8rem}.card-box .card-header-container button{width:10rem;height:3rem;border-radius:1.4rem;border:none;outline:none;cursor:pointer;background-color:#0cac90;color:#fff}.card-box .task-container{min-height:400px;max-height:400px;overflow-y:auto;width:100%}.task-item-container{width:100%;margin-bottom:1.5rem;border-radius:1rem;background-color:#eaeaea;padding:1.5rem;outline:none}.task-item-container h3{font-size:1.4rem;margin-bottom:1.5rem}.task-item-container .info-wrapper{display:flex;align-items:center;justify-content:space-between}.task-item-container .info-wrapper .assigne-tags{display:flex}.task-item-container .info-wrapper .assigne-tags .task-assigne{width:2.4rem;height:2.4rem;border-radius:50%;background-color:#0cac90;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.4rem;margin-right:1rem;text-transform:uppercase}.task-item-container .info-wrapper .assigne-tags .task-tag{color:#fff;background-color:#0cac90;font-size:1.4rem;padding:.3rem 1.2rem;border-radius:1.2rem}.task-item-container .info-wrapper .task-days{font-size:1.4rem}
/*# sourceMappingURL=main.d0630b1b.chunk.css.map */