diff options
| author | Tyler Murphy <tylerm@tylerm.dev> | 2023-06-13 21:18:01 -0400 |
|---|---|---|
| committer | Tyler Murphy <tylerm@tylerm.dev> | 2023-06-13 21:18:01 -0400 |
| commit | edcdd665e116c4799c712f460bb77776e9d7f117 (patch) | |
| tree | 7db4b232e7a24ea31532d3000142b782e56cb025 /client/css | |
| parent | initial (diff) | |
| download | tuxman-edcdd665e116c4799c712f460bb77776e9d7f117.tar.gz tuxman-edcdd665e116c4799c712f460bb77776e9d7f117.tar.bz2 tuxman-edcdd665e116c4799c712f460bb77776e9d7f117.zip | |
movement
Diffstat (limited to 'client/css')
| -rw-r--r-- | client/css/main.css | 53 |
1 files changed, 50 insertions, 3 deletions
diff --git a/client/css/main.css b/client/css/main.css index fbe272c..bfb7426 100644 --- a/client/css/main.css +++ b/client/css/main.css @@ -3,9 +3,26 @@ padding: 0; } -#container img { - image-rendering: -webkit-optimize-contrast; /* webkit */ - image-rendering: -moz-crisp-edges /* Firefox */ +:root { + font-size: 2rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; + color: #fff; +} + +body { + background-color: #191919; + width: 100vw; + height: 100vh; + display: flex; +} + +#center { + width: 100vw; + height: 100vh; + display: flex; + align-items: center; + justify-content: center; + position: absolute; } .rotate90 { @@ -25,3 +42,33 @@ transition: left .1s, top .1s; z-index: 2; } + +#join, #lobby { + display: flex; + flex-direction: column; +} + +#lobby span { + margin-bottom: .5rem; +} + +#lobby #start { + margin-top: 1rem; +} + +#lobby #players { + display: flex; + flex-direction: column; +} + +input { + background-color: transparent; + outline: none; + box-shadow: none; + color: #fff; + font-size: 1rem; + border: solid 2px #fff; + padding: .25rem; + margin-bottom: .215rem; +} + |