diff --git a/core/classes.php b/core/classes.php
index 8fbeb78..fc0dcf9 100644
--- a/core/classes.php
+++ b/core/classes.php
@@ -11,7 +11,7 @@ class PartyStarter {
  function header() {
   // to not confuse you i renamed it from loggedoutheader to header since qzip made it both lol
   require ('core/config.php');
-  $grubloxlogotohome = '<a class="navbar-brand text-dark" href="/"><img src="/assets/icons/Grublox.png" width="131" height="30" class="d-inline-block align-top" alt=""></a>';
+  $grubloxlogotohome = '<a class="navbar-brand text-dark" href="/"><div class="headerLogo d-inline-block align-top" alt=""></div></a>';
   $showhome = '';
   if (isset($_SESSION['user'])) {
    $showhome = '        <li class="nav-item text-dark" style="color: #FFFFFF;">
@@ -19,7 +19,7 @@ class PartyStarter {
             <span class="visually-hidden">(current)</span>
           </a>
         </li>';
-   $grubloxlogotohome = '<a class="navbar-brand text-dark" href="/home"><img src="/assets/icons/Grublox.png" width="131" height="30" class="d-inline-block align-top" alt=""></a>';
+   $grubloxlogotohome = '<a class="navbar-brand text-dark" href="/home"><div class="headerLogo d-inline-block align-top" alt=""></div></a>';
    $query = $con->prepare('SELECT money FROM users WHERE id=:id');
    $query->bindParam(':id', $id);
    $query->execute();
@@ -52,7 +52,7 @@ class PartyStarter {
           <a class="nav-link text-dark" href="/login">Login</a>
         </li>';
   }
-  echo '<link rel="stylesheet" href="css/bootstrap.min.css">
+  echo '<link rel="stylesheet" href="css/bootstrap.min.css"><link rel="stylesheet" href="/css/global.css">
 		<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>
 		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
diff --git a/css/global.css b/css/global.css
index e69de29..c7f6ead 100644
--- a/css/global.css
+++ b/css/global.css
@@ -0,0 +1,6 @@
+.headerLogo{
+    background-image: url(/assets/icons/Grublox.png);
+    background-size: 131px 30px;
+    width: 131px;
+    height: 30px;
+}
\ No newline at end of file