diff options
Diffstat (limited to 'COLORGAME.css')
| -rw-r--r-- | COLORGAME.css | 73 |
1 files changed, 73 insertions, 0 deletions
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 |