@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto&display=swap);@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css);:root{--box-shadow:rgba(0,0,0,.05) 0px 6px 24px 0px,rgba(0,0,0,.08) 0px 0px 0px 1px}*{box-sizing:border-box;font-family:Poppins,sans-serif;list-style:none;margin:0;padding:0;text-decoration:none}.App{min-height:100vh}.container{margin:auto;max-width:1200px;padding:10px}.light{background-color:#fff}.light,.medium{transition:all .5s}.medium{background-color:#efefef}.dark{background-color:#15202b;transition:all .5s}.gOne{background:linear-gradient(90deg,#4dc9e6,#210cac)}.gTwo{background:linear-gradient(235deg,#fff,#000f25),linear-gradient(180deg,#6100ff,#000),linear-gradient(235deg,#ffa3ac,#ffa3ac 40%,#00043c calc(40% + 1px),#00043c 60%,#005d6c calc(60% + 1px),#005d6c 70%,#00c9b1 calc(70% + 1px),#00c9b1),linear-gradient(125deg,#ffa3ac,#ffa3ac 40%,#00043c calc(40% + 1px),#00043c 60%,#005d6c calc(60% + 1px),#005d6c 70%,#00c9b1 calc(70% + 1px),#00c9b1);background-blend-mode:soft-light,screen,darken,normal}.gThree{background:linear-gradient(125deg,#fff,#000),linear-gradient(200deg,#ffd9e8,#ffd9e8 50%,#de95ba calc(50% + 1px),#de95ba 60%,#7f4a88 calc(60% + 1px),#7f4a88 75%,#4a266a calc(75% + 1px),#4a266a),linear-gradient(113deg,#ffd9e8,#ffd9e8 40%,#de95ba calc(40% + 1px),#de95ba 50%,#7f4a88 calc(50% + 1px),#7f4a88 70%,#4a266a calc(70% + 1px),#4a266a);background-blend-mode:overlay,overlay,normal}header{background-color:#fff;border-radius:5px;box-shadow:0 6px 24px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.08);box-shadow:var(--box-shadow);justify-content:space-between;margin-bottom:70px;min-height:70px;padding:15px}header,header .logo{align-items:center;display:flex}header .logo img{cursor:pointer;max-width:35px}header .logo span{color:#525252;cursor:pointer;font-size:22px;margin-left:7px}header .themeSelector span{border:1px solid #dfdfdf;border-radius:50%;cursor:pointer;display:inline-block;height:20px;margin-left:5px;width:20px}header .themeSelector .activeTheme{height:30px;width:30px}.addTask{background-color:#fff;border-radius:5px;box-shadow:0 6px 24px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.08);box-shadow:var(--box-shadow);margin:20px auto;max-width:500px;padding:20px 15px}.addTask form{display:flex;gap:7px}.addTask form input{border:1px solid #eaeaea;border-radius:5px;flex-grow:1;font-size:18px;padding:5px}.addTask form input:focus{outline:.5px solid #eaeaea}.addTask form button{background-color:#03ba5c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:5px 20px}.addTask form button:hover{background-color:#03b056}.showTask{background-color:#fff;border-radius:5px;box-shadow:0 6px 24px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.08);box-shadow:var(--box-shadow);margin:20px auto;padding:20px 15px}.showTask p.head{align-items:center;border-bottom:1px solid #dfdfdf;display:flex;padding:10px 0 20px}.showTask p.head span:first-child{flex-grow:1}.showTask .title{font-size:18px;font-weight:600}.showTask .count,.showTask .title{-webkit-user-select:none;user-select:none}.showTask .count{background-color:#dfdfdf;border-radius:50%;color:#525252;margin-left:10px;padding:5px 10px}.head{border-bottom:1px solid hsla(0,0%,50%,.467);padding-bottom:1rem}.showTask .clearAll{background-color:#0f6af3;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.clearAll{bottom:2rem;float:right;position:relative}.showTask .clearAll:hover{background-color:#1061db}.showTask ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:space-around;margin:30px 5px 20px}.showTask li{border-bottom:1px solid #e5e5e5;border-left:5px solid #1365dfaf;border-radius:5px;box-shadow:0 6px 24px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.08);box-shadow:var(--box-shadow);display:flex;gap:5px;padding:15px 10px;width:350px}.showTask li:hover{background-color:#f8f8f8}.showTask li p{display:flex;flex-direction:column;flex-grow:1}.showTask li .name{font-size:18px;padding-bottom:5px}.showTask li .time{color:#737373;font-size:12px}.showTask i.bi-pencil-square{color:#1363df;cursor:pointer;font-size:18px}.showTask i.bi-trash{color:#d82148;cursor:pointer;font-size:18px}@media only screen and (max-width:800px){.showTask li{width:100%}}.show{display:inline}.hide{display:none}.formdiv{align-items:center;background-color:rgba(0,0,0,.495);display:flex;height:100vh;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;width:100%;z-index:8}.form button{background-color:rgba(22,202,142,.983);border:none;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 2.6rem;position:relative}.form{background-color:#d1cfcf;border-radius:10px;height:12rem;text-align:center;width:20rem;z-index:10}.x{background-color:#b53616!important;color:hsla(0,0%,100%,.768)}.f{border:1px solid rgba(0,0,0,.268);border-radius:1rem;margin:1rem;padding:1rem;width:18rem}.f,.xx{font-size:1rem;position:relative}.xx{color:#eb2a2a;cursor:pointer;float:right;font-weight:800;margin-right:10px;padding:0;top:5px;z-index:3}
/*# sourceMappingURL=main.d1e218c8.css.map*/