diff --git a/style.css b/style.css
index 90caa0b2..03cee3d3 100644
--- a/style.css
+++ b/style.css
@@ -1,7 +1,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Bitter:wght@300;500;600&family=Poppins:wght@300;500;700&family=Space+Mono:wght@400;700&display=swap');
 
 
-html{
+html {
   overflow-x: hidden;
   scroll-behavior: smooth;
 }
@@ -13,76 +13,82 @@ body {
 }
 
 
-.wrapper_box{
+.wrapper_box {
   /* background-color: rgb(245, 93, 93); */
   max-width: 100%;
   overflow-x: hidden;
 }
 
-.logo-title{
+.logo-title {
   font-family: 'Poppins';
   color: white;
 }
 
 
 
-  /* heading */
+/* heading */
 h1 {
+  padding-top: 67px;
   color: #fff;
   text-transform: uppercase;
-  font-family: 'Bitter',serif;
+  font-family: 'Bitter', serif;
   text-decoration: none;
   letter-spacing: 0.15em;
   text-align: center;
   margin: 1.8em 0 1.5em 0;
   padding: 15px 20px;
   position: relative;
-    }
-    h1:after {    
-      background: none repeat scroll 0 0 transparent;
-      bottom: 0;
-      content: "";
-      display: block;
-      height: 2px;
-      left: 50%;
-      position: absolute;
-      background: #fff;
-      transition: width 0.3s ease 0s, left 0.3s ease 0s;
-      width: 0;
-    }
-    h1:hover:after { 
-      width: 100%; 
-      left: 0; 
-    }  
-   
+}
+
+h1:after {
+  background: none repeat scroll 0 0 transparent;
+  bottom: 0;
+  content: "";
+  display: block;
+  height: 2px;
+  left: 50%;
+  position: absolute;
+  background: #fff;
+  transition: width 0.3s ease 0s, left 0.3s ease 0s;
+  width: 0;
+}
+
+h1:hover:after {
+  width: 100%;
+  left: 0;
+}
+
 
 
 /* CARDS DESIGN STARTS  */
 
 
-.image{
+.image {
   padding: .5em;
   transition: 0.3s;
 }
-.image:hover{
+
+.image:hover {
   padding: 0;
 }
 
+
 .styles {
   /* background-color: rgb(226, 135, 229); */
   display: flex;
   justify-content: center;
   align-items: center;
   justify-content: space-evenly;
-  
+
   margin-top: 4vmin;
   flex-wrap: wrap;
 }
 
-#cardd{
+#cardd {
   /* background-color: rgb(70, 131, 156); */
   display: flex;
 }
+
 .stylebox {
   display: flex;
   flex-direction: column;
@@ -99,10 +105,12 @@ h1 {
   width: 21rem;
   transition: .4s;
 }
+
 .stylebox:hover {
-  
+
   box-shadow: 15px 15px 17px #000;
 }
+
 .stylebox .image {
   width: 98%;
   overflow: hidden;
@@ -111,30 +119,32 @@ h1 {
   transition: .4s;
 }
 
-.stylebox .image img{
+.stylebox .image img {
   height: 100%;
   width: 100%;
 }
 
-.stylebox .image:hover{
+.stylebox .image:hover {
   transform: scale(1.17);
   border-radius: .5em;
 }
+
 /*  */
 
-.card-heading{
+.card-heading {
   display: flex;
   font-size: 18px;
   font-weight: bold;
   margin: 1em .5em;
   font-family: 'Bitter';
 }
-.card-data{
+
+.card-data {
   display: flex;
   flex-direction: column;
 }
 
-button{
+button {
   border: none;
   width: 95%;
   font-size: 1em;
@@ -145,27 +155,27 @@ button{
   margin-bottom: 1em;
   border-radius: 50px;
   background: linear-gradient(145deg, #e5e5e5, #c1c1c1);
-  box-shadow:  20px 20px 60px #b6b6b6,
-              -20px -20px 60px #f6f6f6;
+  box-shadow: 20px 20px 60px #b6b6b6,
+    -20px -20px 60px #f6f6f6;
 }
 
-.btnn:hover{
+.btnn:hover {
   background-color: #101522;
   color: #fff;
 }
 
 
 
-@media screen  and (max-width:992px){
+@media screen and (max-width:992px) {
   /* .stylebox{
     margin:2rem 2rem;
   } */
- 
+
 }
 
-@media screen  and (max-width:849px){
-  .stylebox{
-    margin:2rem 1rem;
+@media screen and (max-width:849px) {
+  .stylebox {
+    margin: 2rem 1rem;
   }
 }
 
@@ -178,12 +188,14 @@ button{
     margin: 0 auto;
     margin-top: 10vmin;
   }
+
   .stylebox {
     padding: .3rem;
     margin: 2rem auto;
     width: 18rem;
     margin-bottom: 1.5rem;
   }
+
   .stylebox .image {
     overflow: hidden;
     width: 17rem;
@@ -205,12 +217,14 @@ button{
     margin: 0 auto;
     margin-top: 10vmin;
   }
+
   .stylebox {
     padding: .3rem;
     margin: 2rem auto;
     width: 18rem;
     margin-bottom: 1.5rem;
   }
+
   .stylebox .image {
     overflow: hidden;
     width: 17rem;
@@ -229,28 +243,31 @@ button{
 /* CARDS DESIGN ENDS */
 
 /* scroll top starts */
-#scroll-top{
+#scroll-top {
   position: fixed;
   bottom: -140%;
   right: 1rem;
   padding: .6rem 1rem;
   font-size: 2rem;
-  background:  #61DBFB;
+  background: #61DBFB;
   color: rgb(13, 0, 44);
   border-radius: 50%;
   transition: 1s linear;
   z-index: 1000;
   text-decoration: none;
 }
-#scroll-top:hover{
+
+#scroll-top:hover {
   -webkit-box-shadow: 0 0 10px 2px rgba(26, 1, 253, 0.42);
   -moz-box-shadow: 0 0 10px 2px rgba(26, 1, 253, 0.42);
   box-shadow: 0 0 10px 2px rgba(26, 1, 253, 0.42);
 }
+
 /* update the bottom position value of the scroll button */
-#scroll-top.active{
+#scroll-top.active {
   bottom: 80px;
 }
+
 /* scroll top ends */
 
 
@@ -261,78 +278,83 @@ a {
   color: white;
   letter-spacing: .5px;
   transition: .3s;
- }
- a:hover{
-   color:  #61DBFB;
-   transform: translateY(-10%);
- }
- .navbar-nav a.active{
-   color:  #61DBFB;
- }
-
- li {
+}
+
+a:hover {
+  color: #61DBFB;
+  transform: translateY(-10%);
+}
+
+.navbar-nav a.active {
+  color: #61DBFB;
+}
+
+li {
   list-style: none;
- }
+}
+
+.navbar {
+  background-color: rgb(19, 24, 44);
+  position: fixed;
+  width: 100%;
+}
 
- .navbar{
-   background-color: rgb(19, 24, 44);
- }
- .navbar-toggler{
-   color: white;
-   line-height: 10px;
-   transform: translate(50%, -200%);
- }
+.navbar-toggler {
+  color: white;
+  line-height: 10px;
+  transform: translate(50%, -200%);
+}
 
 
 
-.nav-link{
+.nav-link {
   font-family: 'Space Mono', monospace;
-  margin:0 1em ;
+  margin: 0 1em;
   font-size: 16px;
 }
-span{
-  color:  #61DBFB;
+
+span {
+  color: #61DBFB;
 }
 
-.navbar-brand{
-  font-family: 'Space Mono',monospace;
-  
+.navbar-brand {
+  font-family: 'Space Mono', monospace;
+
 }
 
-.navbar-brand:hover{
+.navbar-brand:hover {
   transform: none;
   color: white;
 }
 
-#navbarText{
+#navbarText {
   justify-content: right;
   align-items: right;
 }
 
-@media only screen and (max-width: 786px) {
-  
-}
+@media only screen and (max-width: 786px) {}
+
 
- 
 /* NAVBAR ENDS HERE */
 
 /* MISC. DESIGNING */
-.tags{
+.tags {
   padding: 0;
   margin: 0;
- color: #61DBFB;
- font-family: 'Space Mono';
- font-size: 16px;
- opacity: 70%;
+  color: #61DBFB;
+  font-family: 'Space Mono';
+  font-size: 16px;
+  opacity: 70%;
 }
 
-.tags-opening{
+.tags-opening {
   transform: translate(24%, 290%);
+  padding-top: 13px;
 }
 
 
 
-#counter{
+#counter {
   color: white;
   font-family: 'Bitter';
   text-align: center;
@@ -341,18 +363,20 @@ span{
   border-top-right-radius: 100px;
   border-bottom-right-radius: 100px;
   padding: .2em .5em .2em .9em;
-  
+
   box-shadow: 0px 10px 10px #000;
 }
 
-@media only screen and (max-width: 786px){
-  .tags-opening{
+@media only screen and (max-width: 786px) {
+  .tags-opening {
     transform: translate(10%, 200%);
   }
-  .heading{
+
+  .heading {
     font-size: 36px;
   }
-  .searchBox{
+
+  .searchBox {
     margin-bottom: 2em;
   }
 }
@@ -364,9 +388,9 @@ span{
 /* SEARCH BOX STARTS */
 
 
-.searchBar{
+.searchBar {
   outline: none;
-  border: 2px solid  #61DBFB;
+  border: 2px solid #61DBFB;
   border-top-left-radius: 100px;
   border-bottom-left-radius: 100px;
   background-color: transparent;
@@ -377,10 +401,10 @@ span{
   text-align: left;
   width: 250px;
   box-shadow: 0px 10px 10px #000;
-  
+
 }
 
-.searchBox{
+.searchBox {
   display: flex;
   flex-direction: row;
   justify-content: center;
@@ -539,5 +563,4 @@ span{
   text-align: center;
   font-size: 13px;
   color: #ddd;
-}
-
+}
\ No newline at end of file