*{box-sizing:border-box;margin:0;padding:0;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}body{background:linear-gradient(90deg,#19f7ff,#b0fcff)}body::-webkit-scrollbar{width:0;background:transparent}.todo-app{display:flex;width:100%;flex-direction:column;justify-content:center;max-width:520px;height:auto;background:#161a2b;text-align:center;margin-top:110px;margin-left:auto;margin-right:auto;border-radius:10px;padding-bottom:32px}h1{margin:32px 0;color:#fff;font-size:24px}.complete{text-decoration:line-through;opacity:.4}.todo-form{margin-bottom:32px;display:block}.edit-form{display:none}.todo-input{padding:14px 32px 14px 16px;border-radius:4px 0 0 4px;border:2px solid #5d0cff;outline:none;width:320px;background:transparent;color:#fff}.todo-input::-webkit-input-placeholder{color:#e2e2e2;opacity:.45}.todo-input:-ms-input-placeholder{color:#e2e2e2;opacity:.45}.todo-input::placeholder{color:#e2e2e2;opacity:.45}.todo-input.editMode::-webkit-input-placeholder{color:#e2e2e2;opacity:.45}.todo-input.editMode:-ms-input-placeholder{color:#e2e2e2;opacity:.45}.todo-input.editMode::placeholder{color:#e2e2e2;opacity:.45}.todo-button{padding:16px;border:none;border-radius:0 4px 4px 0;cursor:pointer;outline:none;background:linear-gradient(90deg,#5d0cff,#9b00fa);color:#fff;text-transform:capitalize;transition:.3s ease-out}.todo-button:hover{background:#fff;transition:.3s ease-out;color:#000}.todo-wrapper{display:flex;flex-direction:column-reverse}.todo-row{display:flex;justify-content:space-between;align-items:center;margin:4px auto;color:#fff;background:linear-gradient(90deg,#4265ff,#6b86ff);padding:16px;border-radius:5px;width:90%;cursor:pointer}.todo-row:nth-child(4n+1){background:linear-gradient(90deg,#38ff14,#66ff4a)}.todo-row:nth-child(4n+2){background:linear-gradient(90deg,#a8a00a,#fcf230)}.todo-row:nth-child(4n+3){background:linear-gradient(90deg,#e6173d,#fa506f)}.todo-row:nth-child(4n+4){background:linear-gradient(90deg,#9214cc,#d06bff)}.icons{display:flex;align-items:center;font-size:2rem}.done-icon,.edit-icon{margin-right:.5rem}.delete-icon,.done-icon,.edit-icon{color:#fff;transition:all .3s ease-in-out;cursor:pointer}.delete-icon:hover,.done-icon:hover,.edit-icon:hover{color:#4f3100;transition:all .3s ease-in-out}.weather-container{color:#fff;display:flex;justify-content:space-evenly;width:100%;padding:0 4rem;margin-bottom:1rem}.weather-left{flex-wrap:wrap;flex-direction:column}.weather-city,.weather-left,.weather-time{display:flex;justify-content:flex-start;align-items:flex-start}.weather-humidity,.weather-temp{display:flex;flex:1 1;align-items:center;justify-content:flex-end;font-size:1.5rem}@media screen and (max-width:768px){.todo-app{width:90%;padding-left:20px;padding-right:20px}.todo-input{width:60%}.todo-button{margin-top:16px;margin-bottom:-16px}.weather-container{padding:0 2rem}}@media screen and (max-width:480px){.weather-container{padding:0 1rem}}@media screen and (max-width:420px){.weather-container{padding:0 .5rem}}
/*# sourceMappingURL=main.1d43fe9d.chunk.css.map */