@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,.515) 0px 6px 24px 0px,#00000014 0px 0px 0px 1px}*{box-sizing:border-box;font-family:Poppins,sans-serif;list-style:none;margin:0;padding:0;text-decoration:none}.light{background:#fff}.light,.medium{transition:all .5s}.medium{background:#d5d2d2}.dark{background:#010101}.dark,.gOne{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,.gTwo{transition:all .5s}.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}.App{margin:auto;max-width:1200px;min-height:100vh;padding:10px}header{background-color:#fff;border-radius:5px;box-shadow:var(--box-shadow);margin-bottom:70px;min-height:70px;padding:15px}header .logo{align-items:right;display:flex}header .logo img{cursor:pointer;margin-right:82%;max-width:40px}header .themeSelector span{border:1px solid #dfdfdf;border-radius:50%;display:inline-block;height:20px;margin-left:5px;width:20px}header .themeSelector span:hover{cursor:pointer}header .themeSelector .activeTheme{height:30px;width:30px}.addTask{background-color:#fff;border-radius:5px;box-shadow:var(--box-shadow);margin:20px auto;max-width:500px;padding:20px 15px}.addTask form{display:flex;flex-direction:column;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:1px solid #1fa44c}.addTask form button{background-color:#03ba5c;border:none;border-radius:5px;color:#fff;font-size:18px;padding:5px 20px;width:100%}.addTask form button:hover{background-color:#1d8750;cursor:pointer;transition:.5s ease}.showTask{background-color:#fff;border-radius:5px;box-shadow:var(--box-shadow);margin:20px auto;padding:20px 15px}.showTask input{border:2px solid #eaeaea;border-radius:5px;display:flex;flex-direction:column;flex-grow:1;font-size:18px;padding:5px;width:100%}.showTask input:focus{outline:1px solid #1fa44c}.showTask div.head{align-items:center;border-bottom:1px solid #ba4343;display:flex;padding:10px 0 20px}.showTask div.head div{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}.showTask .clearAll{background-color:#0f6af3;border:0;border-radius:5px;color:#fff;font-size:16px;padding:5px 10px}.showTask .clearAll:hover{background-color:#1061db;cursor:pointer}.showTask ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;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:var(--box-shadow);display:flex;flex-direction:space-around;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,.showTask li .time{font-size:18px;padding-bottom:5px}.showTask i{font-size:200px}.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){header{padding:10px}header .logo{justify-content:space-between}header .logo img{margin:0;max-width:30px}.showTask li{width:100%}}@media (max-width:350px){header{padding:10px}header .logo{align-items:center;flex-direction:column}header .logo img{margin:0;max-width:30px}.addTask button,.addTask input,.showTask li{font-size:12px}}@media screen and (max-width:280px){header{padding:10px}header .logo{align-items:center;flex-direction:column}header .logo img{margin:0;max-width:30px}.addTask{padding:10px;width:100%}.addTask form{flex-direction:column}.addTask button{width:100%}.showTask ul{padding:0}.showTask li{flex-direction:column;width:100%}.showTask .head{flex-direction:column;gap:10px}select{width:100%}}
/*# sourceMappingURL=main.b168830f.css.map*/