From 529849fabcfafaac573de22b1aa550c3df5b898e Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Mon, 19 Jul 2021 19:55:20 +0530
Subject: Implemented an alternative for alert() so now it works on more
 browsers

---
 src/components/style.css | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

(limited to 'src/components/style.css')

diff --git a/src/components/style.css b/src/components/style.css
index 4dac3c2..13daabc 100644
--- a/src/components/style.css
+++ b/src/components/style.css
@@ -28,6 +28,24 @@ body, #root {
   color: white;
 }
 
+.MessageBox {
+  font-size: 7rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+
+  position: fixed;
+  top: 0; bottom: 0;
+  left: 0; right: 0;
+}
+
+
+.MessageBox p {
+  background-color: black;
+  padding: 0.5rem 2rem;
+}
+
 .ScoreBoard { 
   display: flex;
   justify-content: space-between;
@@ -76,6 +94,9 @@ body, #root {
 }
 
 @media only screen and (max-width: 600px) {
+  .MessageBox {
+    font-size: 4rem;
+  }
   .Grid {
     grid-template-columns: 6rem 6rem 6rem;
     grid-template-rows: 6rem 6rem 6rem;
-- 
cgit v1.2.3