*{margin:0;padding:0}button{cursor:pointer;font-family:"monospace"}html{height:100%;background-image:url(https://img.freepik.com/premium-vector/tomatoes-pattern-drawn-tomato-line-art-style-design-pattern-textile-wallpapers-web_719918-51.jpg)}body{font-family:"monospace"}main{width:100%;height:100%;text-align:center;display:flex;flex-direction:column;align-items:center;font-family:"monospace"}button{background-color:transparent;color:#2e8b57;border:none;display:inline-block;width:100px;font-family:"monospace"}button.with-text{width:200px;display:flex;justify-content:center;background-color:#2e8b57;color:#fff;border-radius:10px;padding:10px;font-size:2rem;line-height:36px;font-family:"monospace"}button.with-text svg{width:36px;float:left;margin-right:10px;font-family:"monospace"}#link{text-decoration:none;color:#fff}label{display:block;margin-bottom:10px;margin-top:20px;text-transform:capitalize;font-size:3rem}.tasks-container{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.tomato-tasks-container{display:flex;align-items:center;width:500px;height:500px;margin-bottom:20px;justify-content:center}.deck{position:absolute;width:500px;height:200px;will-change:transform;display:flex;align-items:center;justify-content:center;touch-action:none}.card{background-image:url(/assets/tomato-CEiEcpMK.png);background-repeat:no-repeat;background-position:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:30px;height:500px;border-radius:100%;box-shadow:0 10px 10px -10px #324935b3}.text{display:flex;justify-content:center;font-size:3rem;margin-top:250px;flex-direction:wrap;padding:0 20px}.new-tomato-task{background-image:url(/assets/tomato-CEiEcpMK.png);background-position:center;background-color:transparent;height:500px;width:500px}form{display:flex;flex-direction:column;width:500px;align-items:center;margin-top:230px;color:#fff}#task{font-size:2.5rem}input{height:50px;text-indent:10px;font-size:2rem;border-radius:20px;background-color:#39aa6a;border:2px solid darkgreen}input:placeholder-shown{color:#fff}input:focus{outline:none}#submit{margin-top:20px}.slider1{color:tomato}.slider2{color:#fff}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}