diff --git a/Quiz/css/game.css b/Quiz/css/game.css
index 4a87f41d..572024ab 100644
--- a/Quiz/css/game.css
+++ b/Quiz/css/game.css
@@ -39,15 +39,17 @@ h3 {
   
   .choice-container:hover {
     cursor: pointer;
-    background-color:#56a6eb9d;
+    background-color:white;
+    opacity: 0.5;
     border: 1px solid black;
+    
     transform: translateY(+0.1rem);
     transition: transform 150ms;
   }
   
   .choice-prefix {
     padding: 1.5rem 2.5rem;
-    background-color: #56a5eb;
+    background-color: #efe088;
     color: white;
   }
   
@@ -87,19 +89,19 @@ h3 {
   
   .hud-main-text {
     text-align: center;
-    color: #1985e4;
+    color: black;
   }
   
   #progressBar {
     width: 20rem;
     height: 4rem;
-    border: 0.3rem solid #1985e4;
+    border: 0.3rem solid black;
     margin-top: 1.5rem;
   }
   
   #progressBarFull {
     height: 3.4rem;
-    background-color: #1985e4;
+    background-color: black;
     width: 0%;
 
   }
@@ -108,7 +110,7 @@ h3 {
   #quizLoader {
     border: 1.6rem solid white;
     border-radius: 50%;
-    border-top: 1.6rem solid #56a5eb;
+    border-top: 1.6rem solid white;
     width: 12rem;
     height: 12rem;
     animation: spin 2s linear infinite;
@@ -132,12 +134,13 @@ h3 {
     background-color: white;
     padding: 1rem;
     border-radius: 50%;
-    border: 2px solid #56a5eb;
+    border: 2px solid #efe088;
   }
 
   .quiz-exit svg{
     width: 36px;
     height: 36px;
+    
   }
 
   .quiz-exit:hover {
diff --git a/Quiz/css/style.css b/Quiz/css/style.css
index 4c5f1883..5999bdf4 100644
--- a/Quiz/css/style.css
+++ b/Quiz/css/style.css
@@ -54,12 +54,29 @@
     align-items: center;
     max-width: 80rem;
     padding: 2rem;
+  margin-top:225px;
    
    
+  }
+  .quiz-container{
+
+    flex: 1;
+	align-items: center;
+	width: 100%;
+	padding: 15px;
+	border: 0.1px solid #efe088;
+	background: rgb(0, 0, 0, 0.5);
+	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+	border-radius: 10px;
+	border-radius: 5%;
   }
   .quiz-container::before{
     content: "";
-    background:url("https://img.freepik.com/premium-photo/product-presentation-wooden-table-with-background-empty-bookshelf-library_172251-444.webp") no-repeat center center/cover;
+    background-image: url("https://res.cloudinary.com/dkak37mek/image/upload/v1631569685/alfons-morales-YLSwjSy7stw-unsplash_jdnjxk.webp?raw=true");
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-color: rgba(0, 0, 0, 0.9);
+	box-shadow: inset 120px 100px 250px #000000, inset -120px -100px 250px #000000;
     position: absolute;
     top: 0;
     left: 0;