diff --git a/css/style.css b/css/style.css
index fd18331..60713d6 100644
--- a/css/style.css
+++ b/css/style.css
@@ -40,7 +40,7 @@ body {
 }
 
 h1 {
-	font-family: 'Righteous', cursive;
+	font-family: 'Righteous', 'Lato', sans-serif;
 	font-size: 2.75rem;
 	text-align: center;
 	text-transform: uppercase;
@@ -54,7 +54,6 @@ section .container {
 	padding: .25rem;
 }
 
-
 #dspLoc {
 	font-size: 1.25rem;
 	font-weight: bold;
diff --git a/index.html b/index.html
index e03f69a..1de9e19 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
 	<!--link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"-->
 	<link href="https://fonts.googleapis.com/css?family=Righteous|Lato:300" rel="stylesheet">
 	<link href='https://use.fontawesome.com/releases/v5.7.0/css/all.css' rel="stylesheet" integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
-	<link href="css/style.css" rel="stylesheet">
+	<link href="./css/style.css" rel="stylesheet">
 	<title>Local Weather</title>
 </head>
 
@@ -22,6 +22,7 @@
 	<header>
 		<div class="container">
 			<h1>Weather</h1>
+			<p id="dspDateTime">MM/DD/YYYY, 00:00:00 AM/PM</p>
 		</div>
 	</header>
 
@@ -31,11 +32,11 @@ <h1>Weather</h1>
 			<img class="dspIcon" src="#" alt="weather icon">
 			<p id="dspWeather">Weather condition...</p>
 			<div class="flexi-temp">
-				<p id="dspTemp"><span id="dspTempValue">0</span>&deg;<span id="dspTempUnit">C</span></p>
+				<p id="dspTemp"><span id="dspTempValue"></span>&deg;<span id="dspTempUnit">C</span></p>
 				<button id="dspButton" onclick="convertTemp()" value="degC">&deg;F</button>
 			</div>
 			<div class="flexi-sun">
-				<p id="dspSunrise"><i class="fas">&#xf185;</i> <span id="dspSunriseTime">00:00 AM</span></p>
+				<p id="dspSunrise"><i class="fas">&#xf185;</i> <span id="dspSunriseTime">00:00 AM </span></p>
 				<p id="dspSunset"><i class="far">&#xf185;</i> <span id="dspSunsetTime">00:00 PM</span></p>
 			</div>
 			<p id="dspWind"><i class="fas">&#xf72e;</i> <span id="dspWindValue">0</span> m/s</p>
@@ -52,7 +53,7 @@ <h1>Weather</h1>
 	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 	<!--script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script-->
 	<!--script src="https://www.l2.io/ip.js?var=myip"></script-->
-	<script src="js/localweather.js"></script>
+	<script src="./js/localweather.js"></script>
 
 </body>
 
diff --git a/js/localweather.js b/js/localweather.js
index 26bf37a..6d08e83 100755
--- a/js/localweather.js
+++ b/js/localweather.js
@@ -70,6 +70,7 @@ async function getWeatherInfo(lat, lon) {
 
 
 function displayWeather(loc, icon, weather, temp, sunrise, sunset, wind) {
+	$("#dspDateTime").html(`${new Date().toLocaleString()}`);
 	$("#dspLoc").css({'margin-bottom': '-.75rem'});
 	$("#dspLoc").html(loc);
 	$('.dspIcon').css({'display': 'inline'});