@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;800;900&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html{height:100vh}*{font-family:"Poppins",sans-serif;background:#f0f1f3}.head{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:100%;height:10vh;font-size:2.2rem;font-weight:900;margin:2rem 0}.logo{display:block;margin:auto}span:first-child{color:#42a9b5}.formtitle,span:nth-child(2){color:#234c6f}.formtitle{margin:0 0 10px}.addtask,.formtitle{text-align:center}.addtask input{padding:5px 25px;width:10rem;font-size:1rem}.addtask button{padding:5px 10px;font-size:1rem;margin:2rem 2px;transition:all .5s}.addtask button:hover{background:#3772f6}.taskheading{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin:10px 0;color:#234c6f}.taskheading h1{margin:0}.taskwrap{margin-bottom:1rem}.items{display:-webkit-flex;display:flex;text-transform:capitalize;-webkit-justify-content:center;justify-content:center}.mytask{color:#fff;font-weight:600;padding:10px;text-align:center;width:15rem;box-shadow:0 4px 8px 0 rgb(0 0 0/30%)}div#root{margin-bottom:8rem}.delete{padding:10px 20px;background:red;font-weight:600;color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer}.Notask{color:red;margin-bottom:8rem}.footer,.Notask{text-align:center}.footer{background:#42a9b5;width:100%;position:fixed;padding:10px;font-weight:500;bottom:0}.taskstats{display:-webkit-flex;display:flex;font-size:.7rem;color:#fff;-webkit-justify-content:center;justify-content:center}.taskstats h3{margin:0 6px 20px;background:#ff9800;border-radius:30px;padding:2px 10px}@media (max-width:820px){.formtitle,.Notask,.taskheading{font-size:.7rem}}
/*# sourceMappingURL=main.8e2ccdd0.chunk.css.map */