diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 3bf049a..1654e78 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -314,6 +314,14 @@ div:has( > #share-url) {
/* MAIN CONTENT */
+.title-rel {
+ position: relative;
+}
+
+.title-rel-loaded {
+ right: calc(40vw - 10px);
+}
+
.title-container {
position: absolute;
top: 35vh;
@@ -486,7 +494,7 @@ h1 {
}
.item-text {
- font-size: 90%;
+ font-size: 70%;
line-height: 1.1rem;
/* font-weight: bold; */
}
@@ -596,6 +604,16 @@ footer {
/* MEDIA QUERIES */
-/* @media screen and (min-width: 680px) {
-
-} */
\ No newline at end of file
+@media screen and (min-width: 650px) {
+
+ .item-text {
+ font-size: 90%;
+ }
+}
+
+@media screen and (min-width: 1025px) {
+
+ .title-rel-loaded {
+ right: 0;
+ }
+}
\ No newline at end of file
diff --git a/public/assets/modules/board.js b/public/assets/modules/board.js
index da56cac..20de158 100644
--- a/public/assets/modules/board.js
+++ b/public/assets/modules/board.js
@@ -177,6 +177,7 @@ function getChallenge({category, id, name, edible, amount, challengeType}) {
function endLoading() {
$('.title-container').css('animation-name', 'loading-end');
$('.title').attr('data-loading', 'false');
+ $('.title-rel').addClass('title-rel-loaded');
showElement('main');
showElement('footer');
diff --git a/public/assets/modules/race.js b/public/assets/modules/race.js
index 381c276..0eea51a 100644
--- a/public/assets/modules/race.js
+++ b/public/assets/modules/race.js
@@ -193,6 +193,14 @@ function handleReadyBtn(socket) {
function beginRace() {
$('.race-menu').addClass('hide');
$('.bingo-board').removeClass('hide');
+
+ const color = `${clientNum === 1 ? 'Green' : 'Orange'}`;
+ // person
+ $(
+ `
+ You are
+ ${color}
+
`).insertAfter('.bingo-board');
}
export { onConnect, createRoom, joinRoom, room, clientNum, handleReadyBtn, generatePlayerMenu, leaveRoom };
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 2a7349c..fab10b1 100644
--- a/public/index.html
+++ b/public/index.html
@@ -18,7 +18,7 @@