diff --git a/app.js b/app.js
index 0e912ef..1928552 100644
--- a/app.js
+++ b/app.js
@@ -1,3 +1,7 @@
+// Full year for footer
+const todayDate = new Date();
+jsyear.innerText = todayDate.getFullYear();
+
const disp = document.querySelector(".display");
fetch("FavouriteQuotes.json")
diff --git a/index.html b/index.html
index f7c60c5..ee9570a 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,9 @@
+
diff --git a/style.css b/style.css
index 8d66f44..81d4c86 100644
--- a/style.css
+++ b/style.css
@@ -9,10 +9,31 @@
}
.display {
+ width: 80vw;
+ max-width: 500px;
+ margin-top: 12rem;
background: linear-gradient(to bottom right, #0c024d, #0dbcc5);
background-attachment: fixed;
color: white;
font-size: 1.3rem;
padding: 2rem;
border-radius: 12px;
+ }
+
+ .footer {
+ display: block;
+ position: relative;
+ top: 30rem;
+ text-align: center;
+ font-size: 0.8rem;
+ margin: 2rem auto;
+ }
+
+ .footer a:any-link {
+ text-decoration: none;
+ color: #0c024d;
+ }
+
+ .footer a:hover {
+ color: #0dbcc5;
}
\ No newline at end of file