JAYASWAROOP/ToDo

1@import url("https://fonts.googleapis.com/css2?family=Bree+Serif&family=Caveat:wght@400;700&family=Lobster&family=Monoton&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display+SC:ital,wght@0,400;0,700;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Source+Sans+Pro:ital,wght@0,400;0,700;1,700&family=Work+Sans:ital,wght@0,400;0,700;1,700&display=swap");2 3.todos-bg-container {4  background-color: #f9fbfe;5  height: 100vh;6}7 8.todos-heading {9  text-align: center;10  font-family: "Roboto";11  font-size: 46px;12  font-weight: 500;13  margin-top: 20px;14  margin-bottom: 20px;15}16 17.create-task-heading {18  font-family: "Roboto";19  font-size: 32px;20  font-weight: 700;21}22 23.create-task-heading-subpart {24  font-family: "Roboto";25  font-size: 32px;26  font-weight: 500;27}28 29.todo-items-heading {30  font-family: "Roboto";31  font-size: 32px;32  font-weight: 700;33}34 35.todo-items-heading-subpart {36  font-family: "Roboto";37  font-size: 32px;38  font-weight: 500;39}40 41.todo-items-container {42  margin: 0px;43  padding: 0px;44}45 46.todo-item-container {47  margin-top: 15px;48}49 50.todo-user-input {51  background-color: white;52  width: 100%;53  border-style: solid;54  border-width: 1px;55  border-color: #e4e7eb;56  border-radius: 10px;57  margin-top: 10px;58  padding: 15px;59}60 61.button {62  color: white;63  background-color: #4c63b6;64  font-family: "Roboto";65  font-size: 18px;66  border-width: 0px;67  border-radius: 4px;68  margin-top: 20px;69  margin-bottom: 50px;70  padding-top: 5px;71  padding-bottom: 5px;72  padding-right: 20px;73  padding-left: 20px;74}75 76.label-container {77  background-color: #e6f6ff;78  width: 100%;79  border-style: solid;80  border-width: 5px;81  border-color: #096f92;82  border-right: none;83  border-top: none;84  border-bottom: none;85  border-radius: 4px;86}87 88.checkbox-input {89  width: 20px;90  height: 20px;91  margin-top: 12px;92  margin-right: 12px;93}94 95.checkbox-label {96  font-family: "Roboto";97  font-size: 16px;98  font-weight: 400;99  width: 82%;100  margin: 0px;101  padding-top: 10px;102  padding-bottom: 10px;103  padding-left: 20px;104  padding-right: 20px;105  border-radius: 5px;106}107 108.delete-icon-container {109  text-align: right;110  width: 18%;111}112 113.delete-icon {114  padding: 15px;115}116 117.checked {118  text-decoration: line-through;119}