*{margin:0;padding:0;box-sizing:border-box;color:#eee}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html,body{height:100%;width:100%;background-color:#1a1a1a}#root{width:100%}#root .todoSection{height:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:4rem;text-align:center}#root .todoSection .addtodo input{background-color:#313131;padding:.7rem;border:none;corner-shape:squircle;border-radius:.5rem;margin-right:1rem}#root .todoSection .addtodo button{background-color:#15b1a4;padding:.5rem;border:none;corner-shape:squircle;border-radius:.5rem;transition:all .1s ease-in-out}#root .todoSection .addtodo button:active{background-color:#0ed7c6;scale:.95}#root .todoSection .todoscontainer{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}#root .todoSection .todoscontainer .todo{padding:.7rem;border:2px solid grey;background-color:#313131;corner-shape:squircle;border-radius:1rem;width:30%;cursor:pointer;transition:all .2s ease-in-out}#root .todoSection .todoscontainer .todo:active{transform:scale(.95)}#root .todoSection .todoscontainer .todo.done{border-color:#97ff71;background:linear-gradient(to left,#0f0,#39c217,#0f0)}#root .colorSection{display:flex;justify-content:center;padding-top:5rem}#root .colorSection .card{height:20rem;padding:2rem;border:2px solid grey;corner-shape:squircle;border-radius:2rem;width:30%;cursor:pointer}#root .colorSection .card.error{border-color:#d80000;background-color:#313131;color:#d80000}#root .stopwatchSection{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:5rem}#root .stopwatchSection .stopwatch{padding:.1rem;width:100px;border:.1rem solid rgb(76,76,76);corner-shape:squircle;border-radius:5rem;text-align:center;overflow:hidden}#root .stopwatchSection .stopwatch button{width:50%;background-color:#313131;border:.1rem solid rgb(76,76,76);padding:.3rem;corner-shape:squircle;border-radius:1rem}#root .stopwatchSection .stopwatch .reset{width:100%;padding:.5;border:none}#root .stopwatchSection .stopwatch .start:active{scale:.95;border-color:#ffdc52}#root .stopwatchSection .stopwatch .stop:active{scale:.95;border-color:#ff4e4e}#root .stopwatchSection .stopwatch .reset:active{scale:.95;border-color:transparent;color:#000;background-color:#fff}#root .stopwatchSection .stopwatch.running{border-color:#adff2f}#root .stopwatchSection .stopwatch.stopped{border-color:red}#root .downloadSection{display:flex;flex-direction:column;align-items:center;padding-top:5rem}#root .downloadSection .box{display:flex;flex-direction:column;background-color:#313131;padding:2.5rem 5rem;corner-shape:squircle;border-radius:1rem;gap:2rem;text-align:center}#root .downloadSection .box h3{color:#eee;font-weight:100}#root .downloadSection .box .ebar{height:1rem;width:50rem;background-color:#fff;corner-shape:squircle;border-radius:10rem;overflow:hidden}#root .downloadSection .box .ebar .ibar{height:100%;width:0%;background:linear-gradient(.25turn,green,green,#adff2f);transition:width .1s ease-in-out}#root .downloadSection .box .butSec{width:90%;display:flex;justify-content:space-between;margin:0 auto}#root .downloadSection .box .butSec .down-percent{font-weight:600;font-size:2rem}#root .downloadSection .box .butSec .download-btn{border:none;background-color:#17c117;padding:.5rem;corner-shape:squircle;border-radius:1rem}#root .downloadSection .box .butSec .download-btn:hover{cursor:pointer}#root .downloadSection .box .butSec .download-btn:active{scale:.95}#root .likeSection{display:flex;flex-direction:column;align-items:center;padding-top:5rem;padding-bottom:5rem}#root .likeSection .card{display:flex;flex-direction:column;background-color:#313131;height:24rem;width:20rem;padding:2rem;overflow:hidden;corner-shape:squircle;border-radius:2rem;text-align:center;gap:1rem}#root .likeSection .card .innercard{width:100%;position:relative}#root .likeSection .card .innercard img{corner-shape:squircle;border-radius:4rem;width:100%;height:16rem;-o-object-fit:cover;object-fit:cover}#root .likeSection .card .innercard i{position:absolute;left:50%;top:50%;font-size:6rem;background:url(https://media.istockphoto.com/id/1403057774/vector/gradient-background-orange-pink-and-purple-colors-rainbow-colors-magenta-yellow-and-red.jpg?s=612x612&w=0&k=20&c=vjBJxXPU7QXTUgGcMYVq-4xp7W7ns4wkjf42pDVK2K0=);background-size:cover;background-clip:text;-webkit-background-clip:text;color:transparent;opacity:0;transform:translate(-50%,-50%) scale(0) rotate(60deg);transition:all ease .3s}#root .likeSection .card .txt h1{color:#db7093}#root .diffBoxSection{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-bottom:5rem}#root .diffBoxSection .diffbox{background-color:#313131;border:.01rem solid rgb(76,76,76);height:30rem;width:80%;margin-bottom:5rem;position:relative;corner-shape:squircle;border-radius:1rem;cursor:none}#root .diffBoxSection .diffbox .inner-diffbox{height:100%;width:100%;corner-shape:squircle;border-radius:1rem}#root .diffBoxSection .diffbox .inner-diffbox #cursor{height:2.5rem;position:absolute;transform:translate(-50%,-50%) scaleX(-1);-webkit-user-drag:none;pointer-events:none}#root .spotlightSection{padding-bottom:5rem;--x: 200px;--y: 100px}#root .spotlightSection .obox{height:40rem;width:100%;corner-shape:squircle;border-radius:1rem;overflow:hidden}#root .spotlightSection .obox .box{position:absolute;z-index:5;height:40rem;width:100%;border:.06rem solid rgb(76,76,76);cursor:none;background:radial-gradient(200px at var(--x) var(--y),transparent,rgba(0,0,0,.932));display:flex;flex-wrap:wrap}#root .spotlightSection .obox video{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}#root .hacktextSection{padding-top:5rem;padding-bottom:5rem}#root .hacktextSection .h-text{display:flex;justify-content:center;text-align:center}#root .hacktextSection .h-text div{width:50rem;background-color:#313131;padding:1rem;corner-shape:squircle;border-radius:1rem;border:.06rem solid rgb(76,76,76)}#root .hacktextSection .h-text div h1{width:100%;background:linear-gradient(to right,green,#7cfc00);background-position:center;background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:500;font-family:Courier New,monospace}#root .hacktextSection .h-text div:hover{transform:translateY(-5%) scale(1.1);cursor:pointer;background-color:#0000004a;border-color:#7efc0043}#root .windowSection{display:flex;justify-content:center;align-items:center;padding-bottom:5rem}#root .windowSection .view{position:relative;height:40rem;width:100%;border:.01rem solid rgb(76,76,76);corner-shape:squircle;border-radius:1rem;overflow:hidden}#root .windowSection .view .top{height:100%;display:flex;justify-content:center}#root .windowSection .view .top img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:20% 80%;object-position:20% 80%}#root .windowSection .view .top .window1{background-color:#313131;border:.01rem solid rgb(76,76,76);position:absolute;bottom:8%;transition:all .2s linear;margin-bottom:.7rem;corner-shape:squircle;border-radius:.5rem;scale:.5}#root .windowSection .view .bottom{height:8%;width:100%;border-top:.01rem solid rgb(76,76,76);position:absolute;bottom:0;display:flex;justify-content:center;gap:1rem}#root .windowSection .view .bottom i:first-child{color:#00bfff}#root .windowSection .view .bottom i:nth-child(2){color:#07bf07}#root .windowSection .view .bottom i:nth-child(3){color:#6495ed}#root .windowSection .view .bottom i{font-size:2rem;z-index:1;padding:.6rem}#root .windowSection .view .bottom i:hover{corner-shape:squircle;border-radius:1rem;background-color:#7f7f7f80}#root .windowSection .view .bottom:before{content:"";position:absolute;inset:0;background-color:#31313180;filter:blur(.1rem) saturate(180%);z-index:0}