diff --git a/index.html b/index.html
index 90d9d38..fed25a7 100644
--- a/index.html
+++ b/index.html
@@ -17,14 +17,14 @@
     <link rel="stylesheet" href="styles/popup.css" />
     <script src="https://cdn.jsdelivr.net/npm/text-image/dist/text-image.js"></script>
   </head>
-  <body>
+  <body background="https://media.istockphoto.com/id/1251272960/photo/teacher-desk-full-of-books-against-a-blackboard-background-whit-copy-space.webp?a=1&b=1&s=612x612&w=0&k=20&c=cnTqZIylhJxx9qWwTnNIkxVcmcr7S37u1gVU7D-27ps=" style="background-repeat: no-repeat; background-size: 100%; background-attachment: fixed;">
     <div id="mode">
       <i class="far fa-lightbulb" id="modeIcon"></i>
       <p id="modeText">Light Mode</p>
     </div>
     <div class="container">
       <div class="header">
-        <h2>Quote Generator</h2>
+        <h2>Generate quotes here!</h2>
       </div>
 
       <div class="main-content">
diff --git a/styles/style.css b/styles/style.css
index fa65965..8afeb4c 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -17,12 +17,12 @@ body {
 
 .dark {
   background-color: #fff;
-  color: #222;
+  color: #fff;
 }
 
 .container {
 
-  width: 40rem;
+  width: 50%;
   height: fit-content;
   margin-left: auto;
   margin-top: 1vh;
@@ -110,7 +110,7 @@ body {
 
 .button-area .btn button {
 
-    background-color: #fb7413;
+    background-color: #13fb9a;
     color: #fff;
     border-radius: 5px;
     font-size: 16px;
@@ -125,12 +125,12 @@ body {
 }
 
 .button-area button:hover {
-  background-color: hsla(25, 100%, 51%, 0.841);
+  background-color: hsla(36, 100%, 51%, 0.841);
 }
 
 .allBtn {
-  background-color: hsl(25, 97%, 53%);
-  color: #fff;
+  background-color: hsla(36, 100%, 51%, 0.841);
+  color: #040303;
   border-radius: 5px;
   font-size: 16px;
 
@@ -162,7 +162,7 @@ body {
 }
 
 .button-area button:active {
-  background-color: rgba(215, 97, 12, 0.879);
+  background-color: hsla(36, 100%, 51%, 0.841);
 }
 
 /* Center the content of the "Post This" button with the X logo*/
