Fix for some display sizes

tournaments/static/tournaments/css/blue_style.css

@@ -17,14 +17,14 @@ html,
 body {
     background: #1b223a;
     color: white;
-    font-size: 16px;
+    font-size: 1em;
     font-weight: 600;
     margin: 0px;
 }
 
 body {
     height: 125vh;
-    background-image: url("../images/main_background@2x.png"); /* Replace with your image path */
+    background-image: url("../images/main_background@2x.jpg");
     background-repeat: no-repeat; /* Prevents the image from repeating */
     background-size: cover; /* Scales the image to cover the container */
 }
@@ -65,7 +65,7 @@ nav a {
     background-color: #f39200;
     border-radius: 15px;
     text-decoration: none;
-    font-size: 14px;
+    font-size: 0.9em;
     font-weight: 600;
 }
 
@@ -86,12 +86,13 @@ li {
 }
 
 li::marker {
-    font-size: 26px; /* Change the size of the marker */
+    font-size: 1.6em; /* Change the size of the marker */
     line-height: 1;
 }
 
 footer {
     margin: 40px 0px;
+    padding-bottom: 40px;
 }
 
 p {
@@ -100,7 +101,7 @@ p {
 }
 
 #main {
-    font-size: 17px;
+    font-size: 1.05em;
     line-height: 1.8;
 }
 
@@ -127,7 +128,7 @@ p {
     padding: 10px 10px;
 }
 .simple {
-    font-size: 16px;
+    font-size: 1em;
 }
 
 .simple a {
@@ -179,6 +180,7 @@ p {
 
 .logo {
     height: 80px;
+    margin-bottom: 10px;
     /* padding: 5px 10px; */
 }
 
@@ -236,36 +238,36 @@ p {
 .blue-bubble {
     color: white;
     background-color: #233876;
-    font-size: 15px;
+    font-size: 1em;
     font-weight: 600;
 }
 .blue-bubble p {
     font-family: "Montserrat-SemiBold";
 }
 .comment {
-    font-size: 20px;
+    font-size: 1.25em;
     font-family: "Anybody-ExtraBold";
 }
 .comment p {
     font-family: "Anybody-ExtraBold";
 }
 .comment-details {
-    font-size: 18px;
+    font-size: 1.1em;
 }
 .price-title {
     font-family: "Anybody-ExtraBold";
-    font-size: 16px;
+    font-size: 1em;
 }
 @media print, screen and (min-width: 80em) {
     .price-title {
         font-family: "Anybody-ExtraBold";
-        font-size: 18px;
+        font-size: 1.1em;
     }
 }
 
 .price {
     font-family: "Anybody-ExtraBold";
-    font-size: 36px;
+    font-size: 2.2em;
     color: #f39200;
 }