css updates

style.css

@@ -1,27 +1,43 @@
 h1 {
+  color: white;
+  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Example shadow */
   font-family: helvetica, arial, sans-serif;
   text-align: center;
+  font-size: 3.6em;
+  font-family: "Big Shoulders Display", sans-serif;
+  font-optical-sizing: auto;
+  font-weight: 800;
+  font-style: normal;
 }
 
 body {
-  width: 640px;
+  max-width: 740px;
   margin: 0 auto;
+  background: linear-gradient(135deg, #a44b9c, #f2c94c);
+  background-repeat: no-repeat;
+  min-height: 100vh;
 }
 
 .full-img {
   position: relative;
   display: block;
-  width: 640px;
+  max-width: 640px;
   height: 480px;
 }
 
+.full-img img {
+  border-radius: 8px;
+  box-shadow: 1px 1px 3px 1px #29262f;
+}
+
 .overlay {
   position: absolute;
   top: 0;
   left: 0;
-  width: 640px;
-  height: 480px;
+  width: 700px;
+  height: 467px;
   background-color: rgba(0,0,0,0);
+  border-radius: 8px;
 }
 
 button {
@@ -37,7 +53,15 @@ button {
 
 .thumb-bar img {
   display: block;
-  width: 20%;
+  width: 15%;
   float: left;
   cursor: pointer;
+  border: 3px solid white;
+  border-radius: 10px;
+  margin: 10px;
+}
+
+.thumb-bar img:hover {
+  transform: scale(1.8);
+  transition: transform 0.4s;
 }