Added Astronomical age calculator; Know your age in other worlds!!

P-lavanya16 · Jun 5, 2024 · 0bad12b · 0bad12b
1 parent 1933c24
commit 0bad12b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/Astronomical Age Calculator/assets/background.jpg b/Astronomical Age Calculator/assets/background.jpg
diff --git a/Astronomical Age Calculator/assets/background.webp b/Astronomical Age Calculator/assets/background.webp
diff --git a/Astronomical Age Calculator/style.css b/Astronomical Age Calculator/style.css
@@ -5,7 +5,7 @@ body {
     align-items: center;
     height: 100vh;
     margin: 0;
-    background-image: url('./assets/background.jpg');
+    background-image: url('./assets/background.webp');
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
@@ -35,21 +35,21 @@ body {
 h1 {
     margin-bottom: 20px;
     font-size: 18px;
-    color: #61dafb;
+    color:  #fbf161;
 }
 
 label {
     display: block;
     margin-top: 10px;
     font-weight: bold;
-    color: #61dafb;
+    color:  #fbf161;
 }
 
 input, select {
     width: 100%;
     padding: 10px;
     margin-top: 5px;
-    border: 1px solid #61dafb;
+    border: 1px solid #fbf161;
     border-radius: 5px;
     font-size: 14px;
     box-sizing: border-box;
@@ -61,7 +61,7 @@ button {
     width: 100%;
     padding: 10px;
     margin-top: 10px;
-    background-color: #61dafb;
+    background-color: #fbf161;
     color: black;
     border: none;
     border-radius: 5px;
@@ -71,11 +71,11 @@ button {
 }
 
 button:hover {
-    background-color: #21a1f1;
+    background-color: #89f121;
 }
 
 #result {
     margin-top: 10px;
     font-size: 16px;
-    color: #61dafb;
-}
+    color:  #fbf161;
+}