diff --git a/pages/index.js b/pages/index.js
index 0a0def7..8df89ec 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -65,12 +65,11 @@ export default function Home() {
/>
- {Math.round(weatherData.main.temp)}°C
+ {Math.round(weatherData.main.temp)}°
- Feels like {Math.round(weatherData.main.feels_like)}°C
+ Feels like {Math.round(weatherData.main.feels_like)}°
- Time:{" "}
{new Date(
weatherData.dt * 1000 + weatherData.timezone * 1000
).toLocaleString("en-US")}
@@ -175,7 +174,14 @@ export default function Home() {
width="100px"
/>
-
4:31
+
+ {" "}
+ {new Date(weatherData.sys.sunrise * 1000).getHours()}:
+ {(new Date(weatherData.sys.sunrise * 1000).getMinutes() < 10
+ ? "0"
+ : "") +
+ new Date(weatherData.sys.sunrise * 1000).getMinutes()}
+
AM
@@ -203,7 +209,13 @@ export default function Home() {
width="100px"
/>
-
10:02
+
+ {new Date(weatherData.sys.sunset * 1000).getHours()}:
+ {(new Date(weatherData.sys.sunset * 1000).getMinutes() < 10
+ ? "0"
+ : "") +
+ new Date(weatherData.sys.sunset * 1000).getMinutes()}
+
PM
diff --git a/styles/globals.css b/styles/globals.css
index 8c2fec4..114c4ef 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -15,7 +15,6 @@ body {
rgba(137, 171, 245, 0.37) 0%,
rgba(245, 247, 252, 1) 100.2%
);
- /* background-image: linear-gradient( 112.1deg, rgba(32,38,57,1) 11.4%, rgba(63,76,119,1) 70.2% ); */
font-family: "Varela Round", sans-serif;
min-height: 100vh;
}