From a12270507947d6c1a36bf0aaf596f6ca4c02fd72 Mon Sep 17 00:00:00 2001
From: Christopher Garcia <chris@Christophers-MacBook-Pro.local>
Date: Wed, 13 Dec 2023 11:53:11 -0600
Subject: [PATCH] fix for moving ui on smaller screens

---
 app/static/style/join_game_page.css | 10 +++--
 app/static/style/styles.css         | 57 -----------------------------
 2 files changed, 7 insertions(+), 60 deletions(-)
 delete mode 100644 app/static/style/styles.css

diff --git a/app/static/style/join_game_page.css b/app/static/style/join_game_page.css
index f01972e..54ea044 100644
--- a/app/static/style/join_game_page.css
+++ b/app/static/style/join_game_page.css
@@ -10,8 +10,12 @@ body {
     background-color: #EAEFF4;
     margin: 0;
     padding: 0;
+<<<<<<< Updated upstream
     overflow-x: hidden;
 
+=======
+    overflow: hidden;
+>>>>>>> Stashed changes
 }
 
 @font-face {
@@ -264,7 +268,7 @@ body {
     height: 250px;
     background-color: rgba(164, 113, 47, 0.54);
     border-radius: 50%;
-    position: absolute;
+    position: fixed;
     z-index: 1;
     top: 50%;
     left: -310px;
@@ -276,7 +280,7 @@ body {
     width: 250px;
     height: 250px;
     background-color: rgba(164, 113, 47, 0.54);
-    position: absolute;
+    position: fixed;
     z-index: 1;
     top: 80%;
     left: -310px;
@@ -286,7 +290,7 @@ body {
 }
 
 .floating-triangle {
-    position: absolute;
+    position: fixed;
     z-index: 1;
     width: 0px;
     height: 0px;
diff --git a/app/static/style/styles.css b/app/static/style/styles.css
deleted file mode 100644
index 206a61e..0000000
--- a/app/static/style/styles.css
+++ /dev/null
@@ -1,57 +0,0 @@
-body {
-    font-family: Arial, sans-serif;
-    margin: 0;
-    padding: 0;
-}
-
-.quiz-container {
-    max-width: 600px;
-    margin: 0 auto;
-    padding: 20px;
-}
-
-h1 {
-    text-align: center;
-}
-
-.question {
-    margin-bottom: 20px;
-    display: flex;
-    flex-direction: column;
-}
-
-p {
-    flex: 1;
-}
-
-.answers-container {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-gap: 10px;
-}
-
-label {
-    padding: 10px;
-    background-color: #007BFF;
-    color: #fff;
-    border: none;
-    border-radius: 5px;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 80px;
-}
-
-label:hover {
-    background-color: #0056b3;
-}
-
-input[type="radio"] {
-    display: none;
-}
-
-input[type="radio"]:checked + .btn-text {
-    background-color: orange;
-}
-