From 7dc8dec605b21a3a8a6db3e5f15c9fab2666c80f Mon Sep 17 00:00:00 2001
From: BakedSnake <gilferrandm@gmail.com>
Date: Sat, 27 Feb 2021 13:17:21 +0100
Subject: initial commit
---
COLORGAME.css | 73 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 file changed, 73 insertions(+)
create mode 100644 COLORGAME.css
(limited to 'COLORGAME.css')
diff --git a/COLORGAME.css b/COLORGAME.css
new file mode 100644
index 0000000..5fb8268
--- /dev/null
+++ b/COLORGAME.css
@@ -0,0 +1,73 @@
+body {
+ background-color: #232323;
+ margin: 0;
+ font-family: 'Montserrat', 'Avenir';
+}
+
+.square {
+ width: 30%;
+ background: pink;
+ padding-bottom: 30%;
+ float: left;
+ margin: 1.66%;
+ border-radius: 15%;
+ transition: background 0.6s;
+ -webkit-transition: background 0.6s;
+ -moz-transition: background 0.6s;
+}
+
+#container {
+ margin: 20px auto;
+ max-width: 600px;
+}
+
+h1 {
+ text-align: center;
+ line-height: 1.1;
+ font-weight: normal;
+ color: white;
+ background: steelblue;
+ margin: 0;
+ text-transform: uppercase;
+ padding: 20px 0;
+}
+
+#stripe {
+ background: white;
+ height: 30px;
+ text-align: center;
+}
+
+.selected {
+ color: white;
+ background: steelblue;
+}
+
+#colorDisplay {
+ font-size: 200%;
+}
+
+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;
+}
+
+button:hover {
+ color: white;
+ background: steelblue;
+}
+
+#message {
+ display: inline-block;
+ width: 20%;
+}
\ No newline at end of file
--
cgit v1.2.3