*{margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}nav{height:80px;background-color:#ff5411;text-transform:uppercase;z-index:999}#toggle-navbar{margin-right:50px}#header-title-text{padding-top:20px;text-align:center;font-weight:700;text-transform:uppercase;color:#e85a19;font-size:clamp(1rem,10vw,5rem)}::-webkit-scrollbar{width:20px;overflow:hidden;background:#141414}::-webkit-scrollbar-track{background:#141414;border-radius:13px}::-webkit-scrollbar-thumb{background:-webkit-linear-gradient(bottom,#e85a19,#f5ce62);background:linear-gradient(0deg,#e85a19,#f5ce62);border-radius:13px}::-webkit-scrollbar-thumb:hover{background:-webkit-linear-gradient(bottom,#f5ce62,#e85a19);background:linear-gradient(0deg,#f5ce62,#e85a19)}#next{background:#00f;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100vh;background:#222}.signin-container,.signup-container{margin:100px;text-align:center;color:#fff}#asd{height:100vh;color:#fff}#asd,.product-items-container{width:100%;background-color:#222}.product-items-container{height:100%;display:flex;flex-direction:rows;flex-wrap:wrap;grid-gap:2em;gap:2em}.product-items-container>*{flex-basis:600px;flex-grow:1}.product-items-container .product-items-box{font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:40px;padding:40px 0;border-radius:6px;background-color:#fff;box-shadow:6px 6px 8px hsla(0,0%,100%,.5)}.btn-wrapper{display:flex;justify-content:center;grid-gap:2em;gap:2em;flex-wrap:wrap}.btn-wrapper>*{flex-basis:200px;flex-grow:1}.btn-wrapper .btns{position:relative;display:inline-block;padding:12px 36px;margin:10px 0;color:#fff;text-transform:uppercase;font-size:18px;border:none;outline:none;letter-spacing:2px;border-radius:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.btn-wrapper .btns span{position:absolute;background:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;-webkit-animation:ripples 1s linear infinite;animation:ripples 1s linear infinite}@-webkit-keyframes ripples{0%{width:0;height:0;opacity:.2}to{width:500px;height:500px;opacity:0}}@keyframes ripples{0%{width:0;height:0;opacity:.2}to{width:500px;height:500px;opacity:0}}.btn-wrapper .btns:focus{outline:none}.btn-wrapper .btn-bg-org{background:-webkit-linear-gradient(left,#e85a19,#f5ce62);background:linear-gradient(90deg,#e85a19,#f5ce62)}.btn-wrapper .btn-bg-blu{background:-webkit-linear-gradient(left,#0162c8,#55e7fc);background:linear-gradient(90deg,#0162c8,#55e7fc)}.btn-wrapper .btn-bg-gre{background:-webkit-linear-gradient(left,#55e7fc,#77e775);background:linear-gradient(90deg,#55e7fc,#77e775)}.btn-wrapper .btn-bg-pur{background:-webkit-linear-gradient(left,#755bea,#ff72c0);background:linear-gradient(90deg,#755bea,#ff72c0)}.content-page{display:flex;flex-direction:column;font-size:12px}.content-page .mycard-box{display:flex;flex-direction:row;flex-wrap:wrap;grid-gap:2em;gap:2em}.content-page .mycard-box .mysubcard-box{flex-basis:200px;flex-grow:1}.content-page .code-Frame-box{margin-top:20px;border:1px solid #745;border-radius:3px;padding:10px 25px;height:210px;overflow-y:auto;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.content-page .code-Frame-box::-webkit-scrollbar{width:10px;overflow:hidden}.content-page .code-Frame-box::-webkit-scrollbar-track{background:rgba(25,25,25,.1);border-radius:13px}.content-page .code-Frame-box::-webkit-scrollbar-thumb{background:-webkit-linear-gradient(bottom,#55e7fc,#77e775);background:linear-gradient(0deg,#55e7fc,#77e775);border-radius:13px}.content-page .code-Frame-box::-webkit-scrollbar-thumb:hover{background:-webkit-linear-gradient(top,#55e7fc,#77e775);background:linear-gradient(180deg,#55e7fc,#77e775)}.content-page .animated-sliding-menu-indicator{margin-top:30px;padding:25px;display:flex;justify-content:center;align-items:center;min-width:auto;background:#080b1f}.content-page .animated-sliding-menu-indicator ul{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.content-page .animated-sliding-menu-indicator ul #marker{position:absolute;top:0;height:35px;background:#2196f3;border-radius:2px;-webkit-transition:.5s;transition:.5s}.content-page .animated-sliding-menu-indicator ul li{list-style:none}.content-page .animated-sliding-menu-indicator ul li a{position:relative;font-size:2em;color:#fff;text-decoration:none;margin:10px 0;padding:0 20px}.content-page .myprogressbar{padding:0;margin:0}.content-page .myprogressbar .cst-progressbar{z-index:1000;top:70px;left:0;height:5px;border-radius:15px;background:-webkit-linear-gradient(bottom,#008aff,#00ffe7);background:linear-gradient(0deg,#008aff,#00ffe7);-webkit-animation:animateprogressbar 5s linear infinite;animation:animateprogressbar 5s linear infinite}.content-page .myprogressbar .cst-progressbar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(bottom,#008aff,#00ffe7);background:linear-gradient(0deg,#008aff,#00ffe7);-webkit-filter:blur(10px);filter:blur(10px)}.content-page .myprogressbar .cst-progressbar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(bottom,#008aff,#00ffe7);background:linear-gradient(0deg,#008aff,#00ffe7);-webkit-filter:blur(10px);filter:blur(10px)}@-webkit-keyframes animateprogressbar{0%,to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}50%{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes animateprogressbar{0%,to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}50%{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.content-page .myprogressbar .cst-percent{z-index:1000;position:absolute;top:63px;left:0;background:-webkit-linear-gradient(left,red,#000);background:linear-gradient(90deg,red,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:.8em;display:none;font-weight:700}.input-cst-lg[type=email],.input-cst-lg[type=password],.input-cst-lg[type=text],.input-cst-md[type=email],.input-cst-md[type=password],.input-cst-md[type=text],.input-cst-sm[type=email],.input-cst-sm[type=password],.input-cst-sm[type=text],.input-cst-xlg[type=email],.input-cst-xlg[type=password],.input-cst-xlg[type=text]{margin:10px;border-radius:5px;padding-left:15px;outline:none;border-left:none;border-right:none;border-top:none;background:transparent}.input-cst-sm[type=email],.input-cst-sm[type=password],.input-cst-sm[type=text]{height:30px;font-size:14px;text-shadow:0 0 5px}.input-cst-md[type=email],.input-cst-md[type=password],.input-cst-md[type=text]{height:40px;font-size:20px;text-shadow:0 0 5px}.input-cst-lg[type=email],.input-cst-lg[type=password],.input-cst-lg[type=text]{height:50px;font-size:24px;text-shadow:0 0 10px}.input-cst-xlg[type=email],.input-cst-xlg[type=password],.input-cst-xlg[type=text]{height:60px;font-size:28px;text-shadow:0 0 10px}.input-cst-sm[type=text]{color:#77e775}.input-cst-sm[type=text]:focus{border-color:#77e775;box-shadow:0 2px 5px #77e775}.input-cst-sm[type=email]{color:#755bea}.input-cst-sm[type=email]:focus{border-color:#755bea;box-shadow:0 2px 5px #755bea}.input-cst-sm[type=password]{color:#ff72c0}.input-cst-sm[type=password]:focus{border-color:#ff72c0;box-shadow:0 2px 5px #ff72c0}.input-cst-md[type=text]{color:#77e775}.input-cst-md[type=text]:focus{border-color:#77e775;box-shadow:0 2px 5px #77e775}.input-cst-md[type=email]{color:#755bea}.input-cst-md[type=email]:focus{border-color:#755bea;box-shadow:0 2px 5px #755bea}.input-cst-md[type=password]{color:#ff72c0}.input-cst-md[type=password]:focus{border-color:#ff72c0;box-shadow:0 2px 5px #ff72c0}.input-cst-lg[type=text]{color:#77e775}.input-cst-lg[type=text]:focus{border-color:#77e775;box-shadow:0 2px 5px #77e775}.input-cst-lg[type=email]{color:#755bea}.input-cst-lg[type=email]:focus{border-color:#755bea;box-shadow:0 2px 5px #755bea}.input-cst-lg[type=password]{color:#ff72c0}.input-cst-lg[type=password]:focus{border-color:#ff72c0;box-shadow:0 2px 5px #ff72c0}.input-cst-xlg[type=text]{color:#77e775}.input-cst-xlg[type=text]:focus{border-color:#77e775;box-shadow:0 2px 5px #77e775}.input-cst-xlg[type=email]{color:#755bea}.input-cst-xlg[type=email]:focus{border-color:#755bea;box-shadow:0 2px 5px #755bea}.input-cst-xlg[type=password]{color:#ff72c0}.input-cst-xlg[type=password]:focus{border-color:#ff72c0;box-shadow:0 2px 5px #ff72c0}header{font-size:2rem;min-height:20vh;display:flex;justify-content:center;align-items:center}.App-todoList{background-color:#222}.App-todoList form{min-height:20vh;display:flex;justify-content:center;align-items:center}.App-todoList form input{padding:.5rem;font-size:2rem;border:none;background:#fff}.App-todoList form input:focus{outline-color:#ff6f47}.App-todoList form button{padding:.5rem;font-size:2rem;border:none;color:#ff6f47;background:#fff;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.App-todoList form button:hover{background:#ff6f47;color:#fff}.App-todoList form button:focus{outline:none}.App-todoList form .select{margin:1rem;position:relative;overflow:hidden}.App-todoList form .select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;box-shadow:none;border:0!important;background-image:none;color:#ff6f47;font-family:Poppins,sans-serif;cursor:pointer;width:12rem}.App-todoList form .select:after{content:"▼";position:absolute;top:0;right:0;padding:1rem;background:#ff6f47;cursor:pointer;pointer-events:none}.App-todoList .todo-container{display:flex;justify-content:center;align-items:center}.App-todoList .todo-container .todo-list{min-width:30%;list-style:none}.App-todoList .todo-container .todo-list .todo{margin:.5rem;background:#fff;font-size:1.5rem;color:#000;display:flex;justify-content:space-between;align-items:center;-webkit-transition:all 1s ease;transition:all 1s ease}.App-todoList .todo-container .todo-list .todo li{flex:1 1}.App-todoList .todo-container .todo-list .todo .todo-item{padding:0 .5rem}.App-todoList .todo-container .todo-list .todo .completed{text-decoration:line-through;opacity:.5;color:#0bd4a2}.App-todoList .todo-container .todo-list .todo .complete-btn,.App-todoList .todo-container .todo-list .todo .trash-btn{background:#ff6f47;color:#fff;border:none;padding:1rem;cursor:pointer;font-size:1rem}.App-todoList .todo-container .todo-list .todo .complete-btn:focus,.App-todoList .todo-container .todo-list .todo .trash-btn:focus{outline:none}.App-todoList .todo-container .todo-list .todo .complete-btn .fa-check,.App-todoList .todo-container .todo-list .todo .complete-btn .fa-trash,.App-todoList .todo-container .todo-list .todo .trash-btn .fa-check,.App-todoList .todo-container .todo-list .todo .trash-btn .fa-trash{pointer-events:none}.App-todoList .todo-container .todo-list .todo .complete-btn{background:#0bd4a2}.App-todoList .filter-todo{padding:1rem}.App-todoList .fall{-webkit-transform:translateY(10rem) rotate(20deg);transform:translateY(10rem) rotate(20deg);opacity:0}