From a01d809d028c96d33ce1df4a539ee6e2a33bece4 Mon Sep 17 00:00:00 2001
From: datapirateX <67560590+datapirateX@users.noreply.github.com>
Date: Sun, 9 Jul 2023 11:56:15 +0600
Subject: [PATCH] The .glass class has been modified

The .glass class has been modified to have a box shape by setting the height to 80% of the viewport height (80vh) and the width to 60% of the container's width. This change ensures that the .glass element takes 80% of the height and 60% of the width.
---
 .vscode/settings.json |  3 +++
 index.html            |  2 +-
 style.css             | 19 ++++++++++++-------
 3 files changed, 16 insertions(+), 8 deletions(-)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 4e683cb..b86fc16 100644
--- a/index.html
+++ b/index.html
@@ -83,4 +83,4 @@ <h2 class="percentage">60%</h2>
     <div class="circle1"></div>
     <div class="circle2"></div>
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
index ca52b0d..6662fe1 100644
--- a/style.css
+++ b/style.css
@@ -34,7 +34,7 @@ main {
 
 .glass {
   background: white;
-  min-height: 80vh;
+  height: 80vh;
   width: 60%;
   background: linear-gradient(
     to right bottom,
@@ -69,6 +69,9 @@ main {
   left: 10%;
 }
 .dashboard {
+  padding: 3rem 0rem;
+  font-size: 12px;
+  gap: 2rem;
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -84,7 +87,7 @@ main {
 }
 .link {
   display: flex;
-  margin: 2rem 0rem;
+  margin: 1rem 0rem;
   padding: 1rem 5rem;
   align-items: center;
 }
@@ -100,13 +103,13 @@ main {
   background: linear-gradient(to right top, #65dfc9, #6cdbeb);
   border-radius: 2rem;
   color: white;
-  padding: 1rem;
+  padding: 1.5rem 2rem;
   position: relative;
 }
 
 .pro img {
   position: absolute;
-  top: -10%;
+  top: -22%;
   right: 10%;
 }
 .pro h2 {
@@ -117,7 +120,7 @@ main {
 
 /* GAMES */
 .status {
-  margin-bottom: 3rem;
+  margin-bottom: 2rem;
 }
 
 .status input {
@@ -133,13 +136,15 @@ main {
 }
 
 .games {
-  margin: 5rem;
+ 
+  margin: 5rem 3rem;
   display: flex;
   flex-direction: column;
   justify-content: space-evenly;
 }
 
 .card {
+  font-size: 12px;
   display: flex;
   background: linear-gradient(
     to left top,
@@ -148,7 +153,7 @@ main {
   );
   border-radius: 1rem;
   margin: 2rem 0rem;
-  padding: 2rem;
+  padding: 1rem;
   box-shadow: 6px 6px 20px rgba(122, 122, 122, 0.212);
   justify-content: space-between;
 }