diff --git a/index.html b/index.html
index 449b47e..aeceb36 100644
--- a/index.html
+++ b/index.html
@@ -1,3 +1,6 @@
+
+
diff --git a/style.css b/style.css
index 2db432c..e250ce7 100644
--- a/style.css
+++ b/style.css
@@ -1,82 +1,85 @@
-body{
- font-family: 'Open Sans',sans-serif;
- background-color: black;
-}
-#container{
- width: 1000px;
- height: 550px;
- background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url(bgImg.jpg);
- margin: 20px auto;
-}
-#calculator{
- width: 320px;
- height: 520px;
- background-color: #eaedef;
- margin: 0 auto;
- top: 20px;
- position: relative;
- border-radius: 5px;
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-}
-#result{
- height: 120px;
-}
-#history{
- text-align: right;
- height: 20px;
- margin: 0 20px;
- padding-top: 20px;
- font-size: 15px;
- color: #919191;
-}
-#output{
- text-align: right;
- height: 60px;
- margin: 10px 20px;
- font-size: 30px;
-}
-#keyboard{
- height: 400px;
-}
-.operator, .number, .empty{
- width: 50px;
- height: 50px;
- margin: 15px;
- float: left;
- border-radius: 50%;
- border-width: 0;
- font-weight: bold;
- font-size: 15px;
-}
-.number, .empty{
- background-color: #eaedef;
-}
-.number, .operator{
- cursor: pointer;
-}
-.operator:active, .number:active{
- font-size: 13px;
-}
-.operator:focus, .number:focus, .empty:focus{
- outline: 0;
-}
-button:nth-child(4){
- font-size: 20px;
- background-color: #20b2aa;
-}
-button:nth-child(8){
- font-size: 20px;
- background-color: #ffa500;
-}
-button:nth-child(12){
- font-size: 20px;
- background-color: #f08080;
-}
-button:nth-child(16){
- font-size: 20px;
- background-color: #7d93e0;
-}
-button:nth-child(20){
- font-size: 20px;
- background-color: #9477af;
+
+
+/*adding commnets in css*/
+body{
+ font-family: 'Open Sans',sans-serif;
+ background-color: black;
+}
+#container{
+ width: 1000px;
+ height: 550px;
+ background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url(bgImg.jpg);
+ margin: 20px auto;
+}
+#calculator{
+ width: 320px;
+ height: 520px;
+ background-color: #eaedef;
+ margin: 0 auto;
+ top: 20px;
+ position: relative;
+ border-radius: 5px;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
+#result{
+ height: 120px;
+}
+#history{
+ text-align: right;
+ height: 20px;
+ margin: 0 20px;
+ padding-top: 20px;
+ font-size: 15px;
+ color: #919191;
+}
+#output{
+ text-align: right;
+ height: 60px;
+ margin: 10px 20px;
+ font-size: 30px;
+}
+#keyboard{
+ height: 400px;
+}
+.operator, .number, .empty{
+ width: 50px;
+ height: 50px;
+ margin: 15px;
+ float: left;
+ border-radius: 50%;
+ border-width: 0;
+ font-weight: bold;
+ font-size: 15px;
+}
+.number, .empty{
+ background-color: #eaedef;
+}
+.number, .operator{
+ cursor: pointer;
+}
+.operator:active, .number:active{
+ font-size: 13px;
+}
+.operator:focus, .number:focus, .empty:focus{
+ outline: 0;
+}
+button:nth-child(4){
+ font-size: 20px;
+ background-color: #20b2aa;
+}
+button:nth-child(8){
+ font-size: 20px;
+ background-color: #ffa500;
+}
+button:nth-child(12){
+ font-size: 20px;
+ background-color: #f08080;
+}
+button:nth-child(16){
+ font-size: 20px;
+ background-color: #7d93e0;
+}
+button:nth-child(20){
+ font-size: 20px;
+ background-color: #9477af;
}
\ No newline at end of file