diff --git a/views/layouts/navbar.ejs b/views/layouts/navbar.ejs
index e232195..c418d9e 100644
--- a/views/layouts/navbar.ejs
+++ b/views/layouts/navbar.ejs
@@ -1,3 +1,25 @@
+<style>
+       .comp-color {
+            background-color: #212226;
+        }
+
+        .nav-radius {
+            border-bottom-left-radius: 20px;
+            border-bottom-right-radius: 20px;
+        }
+
+        .navbar-brand {
+            width: 5%;
+        }
+
+        @media screen and (max-width: 500px) {
+            .navbar-brand {
+                width: 15vw;
+                height: 15vw;
+            }
+        }
+</style>
+
 <% if(types == "v1") { %>
     <nav class="navbar navbar-expand-lg navbar-dark comp-color ml-5 mr-5 nav-radius">
         <img alt="Banner" class="navbar-brand lazyload" src="img/logo_transparent.webp">