From a7e306af7f3e182279e36e87a4287508935961a5 Mon Sep 17 00:00:00 2001
From: Aryan Gupta <56786156+aryanmonger20@users.noreply.github.com>
Date: Sat, 3 Oct 2020 16:11:30 +0530
Subject: [PATCH] Update colorGame.css

---
 colorGame.css | 87 ++++++++++++++++++---------------------------------
 1 file changed, 31 insertions(+), 56 deletions(-)

diff --git a/colorGame.css b/colorGame.css
index 1b3583f..616448f 100644
--- a/colorGame.css
+++ b/colorGame.css
@@ -1,66 +1,41 @@
-body {
-    background-color: #232323;
-    margin: 0;
-    font-family: 'Open Sans', sans-serif;
-}
-.square {
+body
+{
+    background-color: rgb(80, 74, 74);
+}
+.display-2
+{
+    color: red;
+    background-color:rgb(170, 167, 167);
+}
+.display-4
+{
+    color: rgb(112, 183, 216);
+    background-color: rgb(80, 74, 74);
+}
+.square
+{    border-radius: 20px;
     width: 30%;
-    background: purple;
     padding-bottom: 30%;
+    background-color: rgb(114, 23, 199);
     float: left;
     margin: 1.66%;
-    border-radius: 15%;
-    transition: background 0.3s;
-    -webkit-transition: background 0.3s;
-    -moz-transition: background 0.3s;
 }
-#container {
-    margin: 20px auto;
+#container
+{
     max-width: 600px;
+    margin: 0 auto;
 }
-h1 {
-    text-align: center;
-    line-height: 1.1;
-    color: white;
-    font-weight: 400;
-    background: steelblue;
-    margin: 0;
-    text-transform: uppercase;
-    padding: 20px 0;
-}
-#colorDisplay {
-    font-size: 200%;
-}
-#message {
-    display: inline-block;
-    width: 20%;
-}
-#stripe {
-    background: white;
-    height: 30px;
-    text-align: center;
-    color: black;
-}
-.selected {
-    color: white;
-    background: yellowgreen;
+#stripe
+{
+    background-color:rgb(170, 167, 167);
 }
-button {
-    border: none;
-    background: none;
-    text-transform: uppercase;
-    height: 100%;
-    font-weight: 700;
-    color: steelblue;
-    letter-spacing: 1px;
-    font-size: inherit;
-    transition: all 0.3s;
-    -webkit-transition: all 0.3s;
-    -moz-transition: all 0.3s;
-    outline: none;
+#status
+{
+    color: red;
+    
 }
-button:hover {
-    color: white;
-    background: orange;
-    border-radius: 5px;
+#btn
+{
+    background-color: white;
+    
 }