diff --git a/catalog.php b/catalog.php
index 5f97def..23e04d5 100644
--- a/catalog.php
+++ b/catalog.php
@@ -8,7 +8,9 @@ session_start();
 
 require_once 'core/classes.php';
 require_once 'core/classes/user.php';
+if (isset($_SESSION['user'])) {
 $user = new User($con, $_SESSION['user']);
+}
 $getitstarted = new PartyStarter;
 $getitstarted->header();
 ?> </head>
@@ -18,14 +20,14 @@ $getitstarted->header();
       <br>
       <br>
       <form role="search" class="float-end" style="width: 45%;">
-        <div class="input-group mb-3">
+        <div class="input-group mb-3 shadow-sm">
           <input class="form-control rounded-end-0" type="search" placeholder="Search an item..." name="search" aria-label="Search">
           <button id="search" type="submit" class="btn btn-primary rounded-start-0">Search</button>
         </div>
       </form>
       <h2>Catalog</h2>
       <hr>
-      <ul class="list-group float-start" style="width: 12rem;">
+      <ul class="list-group float-start shadow-sm" style="width: 12rem;">
         <li class="list-group-item text-bg-secondary" aria-current="true">
           <small>Browse by</small>
           <br>
@@ -75,12 +77,14 @@ $getitstarted->header();
       <div class="row row-cols-xl-6 row-cols-lg-4 row-cols-md-3 row-cols-sm-2 g-4" style="margin-left: 200px; margin-top: 1px;"> 
 	  <?php $x = 40; for ($i = 1; $i <= $x; $i++) { ?> 
 	  <div class="position-relative col">
-          <div class="card" style="">
-            <img src="https://tr.rbxcdn.com/7ea42f95bb986a33dbd2dc391a3ee744/420/420/Gear/Png" class="card-img-top" alt="...">
-            <div class="card-body">
+          <div class="card shadow-sm h-100">
+            <img src="https://tr.rbxcdn.com/7ea42f95bb986a33dbd2dc391a3ee744/420/420/Gear/Png" class="card-img-top">
+			<p class="me-1 mt-1 position-absolute top-0 end-0"><?php if(rand(1, $x) == $x) { echo '<span class="badge bg-success">Limited</span>'; }; ?></p>
+			<span class="fs-6 mt-2 ms-2 opacity-75 position-absolute top-50 start-0 translate-middle-y bg-success badge">$1</span></img>
+			<div class="card-body">
               <h5 class="card-title">Minion</h5>
-              <p class="card-text">By <a class="btn-link">someone</a>
-                <br>Price: <span style="color: green">$1</span>
+              <p class="card-text">
+			    By <a class="btn-link">someone</a>
               </p>
             </div>
           </div>
diff --git a/games.php b/games.php
index fd2dc99..eea16a1 100644
--- a/games.php
+++ b/games.php
@@ -28,7 +28,7 @@ $getitstarted->header();
         <div class="carousel-item active">
 		<div class="card-group" style=" margin-top: 15px; width: 100%;">
 		<?php $x = 8; for ($i = 1; $i <= $x; $i++) { ?>
-            <div class="card bg-dark border-start rounded shadow-sm-lg" style="max-width: 170px;  margin-right: 9px;">
+            <div class="card bg-dark border-start rounded shadow-sm" style="max-width: 170px;  margin-right: 9px;">
               <a href="game?id=1" style="text-decoration: none; text-align: left; margin-bottom: 9px;">
                 <img src="https://tr.rbxcdn.com/4e0bd5c77756dce55561929587ff8772/150/150/Image/Png" class="card-img-top rounded-top" alt="...">
                 <div class="card-body">
@@ -47,7 +47,7 @@ $getitstarted->header();
         </div>
         <div class="carousel-item"><div class="card-group" style=" margin-top: 15px; width: 100%;">
 		<?php $x = 8; for ($i = 1; $i <= $x; $i++) { ?>
-            <div class="card bg-dark border-start rounded shadow-sm-lg" style="max-width: 170px;  margin-right: 9px;">
+            <div class="card bg-dark border-start rounded shadow-sm" style="max-width: 170px;  margin-right: 9px;">
               <a href="game?id=1" style="text-decoration: none; text-align: left; margin-bottom: 9px;">
                 <img src="https://tr.rbxcdn.com/4e0bd5c77756dce55561929587ff8772/150/150/Image/Png" class="card-img-top rounded-top" alt="...">
                 <div class="card-body">
@@ -80,7 +80,7 @@ $getitstarted->header();
         <div class="carousel-item active">
 		<div class="card-group" style=" margin-top: 15px; width: 100%;">
 		<?php $x = 8; for ($i = 1; $i <= $x; $i++) { ?>
-            <div class="card bg-dark border-start rounded shadow-sm-lg" style="max-width: 170px;  margin-right: 9px;">
+            <div class="card bg-dark border-start rounded shadow-sm" style="max-width: 170px;  margin-right: 9px;">
               <a href="game?id=1" style="text-decoration: none; text-align: left; margin-bottom: 9px;">
                 <img src="https://tr.rbxcdn.com/4e0bd5c77756dce55561929587ff8772/150/150/Image/Png" class="card-img-top rounded-top" alt="...">
                 <div class="card-body">
@@ -99,7 +99,7 @@ $getitstarted->header();
         </div>
         <div class="carousel-item"><div class="card-group" style=" margin-top: 15px; width: 100%;">
 		<?php $x = 8; for ($i = 1; $i <= $x; $i++) { ?>
-            <div class="card bg-dark border-start rounded shadow-sm-lg" style="max-width: 170px;  margin-right: 9px;">
+            <div class="card bg-dark border-start rounded shadow-sm" style="max-width: 170px;  margin-right: 9px;">
               <a href="game?id=1" style="text-decoration: none; text-align: left; margin-bottom: 9px;">
                 <img src="https://tr.rbxcdn.com/4e0bd5c77756dce55561929587ff8772/150/150/Image/Png" class="card-img-top rounded-top" alt="...">
                 <div class="card-body">
diff --git a/home.php b/home.php
index d8b895f..9d7895d 100644
--- a/home.php
+++ b/home.php
@@ -40,7 +40,7 @@ $getitstarted->header();
   <span class=" text-center" style="font-size: 2rem; margin-left: 6px;"><?php echo $himsg; ?>, <?php echo $user->getUsername(); ?>!</span>
   <div style="margin-bottom: 50px;"></div>
   <h4 class=" card-title" style="margin-bottom: 15px;">Friends (2)</h4>
-  <div class="card  shadow-sm-lg" style="height: 11.75rem;">
+  <div class="card  shadow-sm" style="height: 11.75rem;">
     <div class="card-group" style=" margin-left: 10px; margin-top: 10px;">
 	
      <div class="card text-white border border-0" style="max-width: 130px;">
@@ -70,7 +70,7 @@ $getitstarted->header();
     <h4 class=" card-title">Recently played</h4>
     <div class="card-group" style=" margin-top: 15px;">
     
-	<div class="card border-start rounded shadow-sm-lg" style="max-width: 170px;  margin-right: 9px;">
+	<div class="card border-start rounded shadow-sm" style="max-width: 170px;  margin-right: 9px;">
 	   <a href="game?id=1" style="text-decoration: none; text-align: left; margin-bottom: 9px;">
        <img src="https://tr.rbxcdn.com/4e0bd5c77756dce55561929587ff8772/150/150/Image/Png" class="card-img-top rounded-top" alt="...">
       <div class="card-body">
@@ -84,7 +84,7 @@ $getitstarted->header();
       </div>
 	 </a>
     </div>
-	<div class="card border-start rounded shadow-sm-lg" style="max-width: 170px;  margin-right: 9px;">
+	<div class="card border-start rounded shadow-sm" style="max-width: 170px;  margin-right: 9px;">
 	   <a href="game?id=1" style="text-decoration: none; text-align: left; margin-bottom: 9px;">
        <img src="https://tr.rbxcdn.com/4e0bd5c77756dce55561929587ff8772/150/150/Image/Png" class="card-img-top rounded-top" alt="...">
       <div class="card-body">
diff --git a/index.php b/index.php
index d4621ee..daf3260 100644
--- a/index.php
+++ b/index.php
@@ -28,7 +28,7 @@ body {
 <title><?php echo $sitename; ?></title>
 <body data-bs-theme="dark">
 <div class="position-absolute top-50 start-50 translate-middle col d-flex justify-content-center align-middle">
-<div class="card bg-dark text-white text-center">
+<div class="card shadow-sm bg-dark text-white text-center">
 <div class="card-body">
 <h1><?php echo $sitename; ?></h1>
 <h3>the funny website with</h3>
diff --git a/login.php b/login.php
index f8ff0c5..7e32d06 100644
--- a/login.php
+++ b/login.php
@@ -44,7 +44,7 @@ $thefunfact = json_decode($result);
  <div class="container position-absolute top-50 start-50 translate-middle">
   <div class="row align-items-center">
    <div class="col-lg-6 mb-4">
-    <div class="card mb-3 d-flex mx-auto">
+    <div class="card shadow-sm mb-3 d-flex mx-auto">
      <h3 class="card-header">Random useless fact generator</h3>
      <div class="card-body">
       <p class="card-text"> <?php echo $thefunfact->{"data"}; ?> </p>
@@ -53,7 +53,7 @@ $thefunfact = json_decode($result);
    </div>
    <div class="col-lg-6 mb-4">
     <form action="" method="post">
-     <div class="card mb-3 d-flex mx-auto">
+     <div class="card shadow-sm mb-3 d-flex mx-auto">
       <h3 class="card-header">Login</h3>
       </svg>
       <div class="card-body">
diff --git a/register.php b/register.php
index 35befbf..5c6a289 100644
--- a/register.php
+++ b/register.php
@@ -68,7 +68,7 @@ $thefunfact = json_decode($result);
  <div class="container position-absolute top-50 start-50 translate-middle">
   <div class="row align-items-center">
    <div class="col-lg-6 mb-4">
-    <div class="card mb-3 d-flex mx-auto">
+    <div class="card shadow-sm mb-3 d-flex mx-auto">
      <h3 class="card-header">Random useless fact generator</h3>
      <div class="card-body">
       <p class="card-text"> <?php echo $thefunfact->{"data"}; ?> </p>
@@ -77,7 +77,7 @@ $thefunfact = json_decode($result);
    </div>
    <div class="col-lg-6 mb-4">
     <form action="" method="post">
-     <div class="card mb-3 d-flex mx-auto">
+     <div class="card shadow-sm mb-3 d-flex mx-auto">
       <h3 class="card-header">Registration</h3>
       <div class="card-body">
        <label class="col-form-label col-form-label-sm mt-4 username " for="inputSmall">Username</label>