.poppins_light{font-family:Poppins,sans-serif;font-weight:300}.poppins_regular{font-family:Poppins,sans-serif;font-weight:400}.poppins_medium{font-weight:500}.poppins_bold,.poppins_medium{font-family:Poppins,sans-serif}.poppins_bold{font-weight:700}.poppins_extrabold{font-family:Poppins,sans-serif;font-weight:800}.poppins_semibold{font-family:Poppins,sans-serif;font-weight:600}.roboto_light{font-family:Roboto,sans-serif;font-weight:300}.roboto_regular{font-family:Roboto,sans-serif;font-weight:400}.roboto_medium{font-weight:500}.roboto_dark,.roboto_medium{font-family:Roboto,sans-serif}.roboto_dark{font-weight:700}.orange_c{color:#f77223}.orange_bg{background-color:#f77223}.blue_c{color:#134b8e}.blue_bg{background-color:#134b8e}.dark_c{color:#1d1e1f}.linkBlue_c{color:#1d72db}.black_c{color:#000}.lightgrey_bg{background-color:#f7f8fa}.white_c{color:#fff}.white_bg{background-color:#fff}.orangelight_bg{background-color:#fdd4bb}.lightGrey_c{color:#8d9299}.navbar{align-items:center;background:#fff;box-shadow:0 0 7px #c5c3c3;display:flex;height:10vh;justify-content:center}.toggle_btn{background:none;border:none;font-size:25px}.navbar-logo{align-items:center;color:#f5f5f5;display:flex;font-size:2.3rem;justify-content:space-between;text-decoration:none;width:9rem}.nav-items{display:flex;justify-content:flex-end;margin-right:2rem;transition:translateX(-50%) .8s ease-out;width:65vw}.nav-link.active{border-bottom:3px solid #f77233;color:#000}.sidebar-toggle{display:flex;justify-content:flex-end;width:65vw}.sidebar-toggle-logo{color:#f5f5f5;cursor:pointer;font-size:2.3rem}.sidebar{background:#fff;height:90vh;left:-100%;position:absolute;top:10vh;transition:all .3s ease-in-out;width:16rem}.sidebar.active{left:0}.sidebar-items{align-items:center;display:flex;flex-direction:column;font-size:1.2rem;transition:all .2s ease-out}.sidebar-item{height:3rem;list-style:none;margin-top:1rem;width:100%}.sidebar-item a{align-items:center;border-radius:5px;color:#f5f5f5;cursor:pointer;display:flex;font-size:1.2rem;height:100%;justify-content:center;text-decoration:none;transition:all .2s ease-out}.sidebar-item a span{font-size:1.4rem;margin-left:1.5rem}.sidebar-item a:hover{background:tomato}.sidebar .btn{margin-top:2.4rem;width:100%}@media screen and (max-width:900px){.sidebar.active{position:fixed;width:60%;z-index:99}.toggle_btn{background:none;border:none;font-size:25px}.navLink_sidebar{margin-left:-11px;margin-top:15px;width:112px}.sidebar-item a span{display:none}}@media only screen and (min-width:768px) and (max-width:1024px){.sidebar.active{position:fixed;width:30%;z-index:99}}.wrapper{align-items:center;border-radius:7px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1140px;min-height:76vh;width:100%}::-webkit-input-placeholder{color:#969090;font-size:12px}::placeholder{color:#969090;font-size:12px}.container{background:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);display:flex;height:auto;max-width:600px}.container,.credit{position:relative;width:100%}.credit{color:#666;font-size:16px;font-weight:400;margin:25px auto 0;text-align:center}.credit a{color:#222;font-size:16px;font-weight:600}h2{font-size:30px;font-weight:700;margin:0 0 15px}h2 img{width:120px}p{font-weight:500;line-height:22px;margin:0 0 20px}.btn,p{font-size:16px}.btn{border:1px solid #fff;border-radius:5px;color:#fff;display:inline-block;letter-spacing:1px;outline:none;padding:7px 20px;text-decoration:none;transition:.3s;-webkit-transition:.3s}.btn:hover{background:#fff;color:#f77233}.col-left,.col-right{display:flex;padding:45px 35px;width:55%}.col-left{background:#f77233;-webkit-clip-path:polygon(98% 17%,100% 34%,98% 51%,100% 68%,98% 84%,100% 100%,0 100%,0 0,100% 0);clip-path:polygon(98% 17%,100% 34%,98% 51%,100% 68%,98% 84%,100% 100%,0 100%,0 0,100% 0);width:45%}@media (max-width:575.98px){.container{box-shadow:none}.container,.wrapper{flex-direction:column}.wrapper{align-items:center;border-radius:7px;display:flex;justify-content:center;margin:21% auto 0;max-width:1140px;min-height:76vh;width:100%}.col-left,.col-right{-webkit-clip-path:none;clip-path:none;margin:0;padding:30px;width:100%}}.login-text{color:#fff;text-align:center}.login-form,.login-text{position:relative;width:100%}.login-form{color:#666}.login-form p:last-child{margin:0}.login-form p a{color:#f77233;font-size:14px;text-decoration:none}.login-form p:last-child a:last-child{float:right}.login-form label{display:block;letter-spacing:.5px;margin-bottom:2px;width:100%}.login-form p:last-child label{float:left;width:60%}.login-form label span{color:#ff574e;padding-left:2px}.login-form input{border:1px solid #ccc;border-radius:5px;display:block;font-size:16px;height:40px;letter-spacing:1px;outline:none;padding:0 10px;width:100%}.login-form input:focus{border-color:#ff574e}.login-form input.btn{background:#f77233;border-color:#f77233;color:#fff;cursor:pointer;outline:none}.login-form input.btn:hover{background:#fff;color:#f77233}@media only screen and (min-width:768px) and (max-width:1024px){.wrapper{align-items:center;border-radius:7px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1140px;min-height:76vh;width:100%}}.header{height:200px;margin-top:7%;width:100%}.card-container{box-shadow:0 3px 50px #a5a5a5;height:300px;width:300px}.task_btn{border:none;border-radius:7px;padding:5px 26px}.task_div{margin-left:87px;margin-top:32px;width:90%}.card-wrapper{border:none;border-radius:7px;box-shadow:0 0 7px #a5a5a5;display:flex;flex-direction:column;height:200px;width:270px}.card-top{border-radius:7px;height:2%;width:100%}.task_Manager_heading{font-size:35px}.task-holder{display:flex;flex-direction:column;height:98%;padding:10px;position:relative;width:100%}.card-header{margin-bottom:10px;margin-top:10px;padding:7px 24px!important;text-align:center;width:246px}.card-header,.task_description{height:-webkit-max-content;height:max-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-container{display:flex;flex-wrap:wrap;height:600px;padding:40px 100px;width:100%}@media only screen and (max-width:900px){.card-wrapper{border:none;border-radius:7px;box-shadow:0 0 7px #a5a5a5;display:flex;flex-direction:column;height:200px;margin-top:2rem;width:270px}.task_div{margin-left:51px;margin-top:32px;width:79%}}@media only screen and (min-width:768px) and (max-width:1024px){.task_div{margin-left:85px;margin-top:3px;width:83%}.task_Manager_heading{font-size:35px;margin-top:16%}}@font-face{font-family:SequentialistBB;font-style:normal;font-weight:400;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/306FA6_1_0.woff2) format("woff2"),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/306FA6_0_0.woff) format("woff")}.joke_heading{margin-top:7%}.joke_bubble{background-color:#fff;border-radius:1rem;box-shadow:0 .125rem .5rem rgba(0,0,0,.3),0 .0625rem .125rem rgba(0,0,0,.2);font-family:SequentialistBB,cursive;font-size:15px;line-break:anywhere;max-width:100%;overflow:hidden;padding:1.125em 1.5em;position:relative}.joke_emoji{width:20px}.joke_bubble:before{border:.75rem solid transparent;border-bottom:.75rem solid #fff;border-top:none;bottom:100%;content:"";-webkit-filter:drop-shadow(0 -.0625rem .0625rem rgba(0,0,0,.1));filter:drop-shadow(0 -.0625rem .0625rem rgba(0,0,0,.1));font-family:SequentialistBB,cursive;height:0;left:1.5em;position:absolute;width:0}.load_more{color:#f77223;font-size:18px;margin:auto;padding:10px;text-align:center;width:50%}.joke_div{margin-top:5%}.joke_category{bottom:35px;font-family:SequentialistBB,cursive;left:94px;position:relative}.load_moreBtn{border:none;border-radius:7px;box-shadow:0 0 7px #a5a5a5;padding:5px 26px}@media only screen and (max-width:900px){.joke_div{margin-top:10%}.joke_heading{margin-top:25%}.joke_bubble{background-color:#fff;border-radius:1rem;box-shadow:0 .125rem .5rem rgba(0,0,0,.3),0 .0625rem .125rem rgba(0,0,0,.2);font-size:15px;max-width:30em;padding:1.125em 1.5em;position:relative}.joke_bubble,.joke_bubble:before{font-family:SequentialistBB,cursive}.joke_bubble:before{border:.75rem solid transparent;border-bottom:.75rem solid #fff;border-top:none;bottom:100%;content:"";-webkit-filter:drop-shadow(0 -.0625rem .0625rem rgba(0,0,0,.1));filter:drop-shadow(0 -.0625rem .0625rem rgba(0,0,0,.1));height:0;left:1.5em;position:absolute;width:0}}@media only screen and (min-width:768px) and (max-width:1024px){.joke_heading{margin-top:15%}.joke_div{margin-top:5%}}