changed some very basic styling

index.html

@@ -13,6 +13,10 @@
             <li class="brand"><img src="logo.png" alt="Spotify"> Spotify</li>
             <li>Home</li>
             <li>About</li>
+            <li>new</li>
+            <li>search</li>
+            <li class="brand" ><img id="search" src="searching-bar.png" alt=""></li>
+
         </ul>
     </nav>
 
@@ -84,7 +88,7 @@ <h1>Best of NCS - No Copyright Sounds</h1>
             <i class="fas fa-3x fa-step-forward" id="next"></i> 
         </div>
         <div class="songInfo">
-            <img src="playing.gif" width="42px" alt="" id="gif"> <span id="masterSongName">Warriyo - Mortals [NCS Release]</span>
+            <img src="covers/1.jpg" width="42px" alt="" id="gif"> <span id="masterSongName">Warriyo - Mortals [NCS Release]</span>
         </div>
     </div>
     <script src="script.js"></script>

readme_kshitiz.md

@@ -0,0 +1,7 @@
+hey I am kshitiz agarwal a 1st year student from cse branch (id:2226cse1033)
+
+
+    I have done some minor visual changes and regret not currently being 
+    able to contribute to the functionality part due to lack of knowledge and time shortage
+
+thanks for providing the opportunity to work on an open source project.

style.css

@@ -1,7 +1,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');
 body{
-    background-color: antiquewhite;
+    background-color: #262326;
 }
 
 *{
@@ -18,28 +18,30 @@ nav ul{
     align-items: center;
     list-style-type: none;
     height: 65px;
-    background-color: black;
+    background-color: #413e3e;
     color: white;
 }
 
 nav ul li{
-    padding: 0 12px;
+    padding: 0 15px;
 }
 .brand img{
-    width: 44px;
+    width: 49px;
     padding: 0 8px;
 }
 
 .brand {
     display: flex;
     align-items: center;
     font-weight: bolder;
-    font-size: 1.3rem;
+    font-size: 1.5rem;
+}
+#search{
+    width: 5vw;
 }
-
 .container{
     min-height: 72vh;
-    background-color: black;
+    background-color: rgb(0, 0, 0);
     color: white;
    font-family: 'Varela Round', sans-serif;
    display: flex;
@@ -53,14 +55,18 @@ nav ul li{
 .bottom{
     position: sticky;
     bottom: 0;
-    height: 130px;
-    background-color: black;
+    height: 105px;
+    background-color: #141313;
     color: white;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column; 
 }
+#masterSongName{
+
+text-align: center;
+}
 
 .icons{
     margin-top: 14px; 
@@ -81,22 +87,25 @@ nav ul li{
 .songItem{
     height: 50px;
     display: flex;
-    background-color: white;
+    background-color: rgb(27, 26, 26);
 
     color: black;
     margin: 12px 0;
     justify-content: space-between;
     align-items: center;
     border-radius: 34px;
 }
-
+.songName{
+    color:azure;
+}
 .songItem img{
     width: 43px;
     margin: 0 23px;
     border-radius: 34px;
 }
 
 .timestamp{
+    color: #979a97;
     margin: 0 23px;
 }
 
@@ -107,6 +116,9 @@ nav ul li{
 .songInfo{
     position: absolute;
     left: 10vw;
+    align-items: center;
+    top: 6vh;
+    display: flex;
     font-family: 'Varela Round', sans-serif;
 }
 
@@ -117,6 +129,6 @@ nav ul li{
 
 @media only screen and (max-width: 1100px) {
     body {
-      background-color: red;
+      background-color: #262326;
     }
   }