diff --git a/public_html/css/game.css b/public_html/css/game.css index 223fdda..c65961b 100644 --- a/public_html/css/game.css +++ b/public_html/css/game.css @@ -10,4 +10,74 @@ html, body{ #canvas{ max-height: 100vh; max-width: 100vw; +} + +#phoneDiv{ + position: relative; +} + +#phone{ + width: 200px; +} +#phoneScreen{ + background-color: 524b4a; + position: absolute; + left: 7%; + top: 12%; + right: 7%; + bottom: 13%; +} + +#chatHeader{ + height: 10%; + width: 100%; + border-bottom: 1px solid black; + text-align: center; + color: white; + line-height: 7%; + padding: 0px; + overflow: hidden; +} + +#chatHeader > p{ + line-height: 10%; +} + +#chatMessages{ + height: 80%; + width: 100%; +} +#chatInputDiv{ + height: 10%; + width: 100%; + text-align: center; +} + +#chatInput{ + width: 90%; + box-sizing: border-box; + appearance: none; + background-color: transparent; + border-radius: 10px; + border: 1px solid black; + color: white; + padding-left: 10px; + height: 85%; + margin-bottom: 15%; + outline: none; +} + +.message{ + color: white; + font-family: sans-serif; +} + +.messageTitle{ + font-size: 75%; + margin: 0px; +} + +.messageContent{ + margin: 0px; + font-size: 60%; } \ No newline at end of file diff --git a/public_html/game.html b/public_html/game.html index f58e450..d8cadb6 100644 --- a/public_html/game.html +++ b/public_html/game.html @@ -3,6 +3,7 @@
+ @@ -16,6 +17,23 @@ +Concorde
+