some styles edited

src/App.scss

@@ -21,7 +21,8 @@
 }
 
 body {
-  background-color: #100d23;
+  background-color: #131341;
+  //background-color: #100d23;
 
   :hover {
     transition: 0.1s;

src/components/Login/index.js

@@ -37,7 +37,7 @@ const RegisterForm = ({ onRegister, regData }) => {
                           onClick={() => {onRegister(login, password); setIsReg(true)}}
                         >Register</button>}
         <br />
-        <Link className='sidebar__link highlightYellow' to="/login">Back to log-in page</Link>
+        <Link className='forms__link highlightYellow' to="/login">Back to log-in page</Link>
       </div>
     </>
   )

src/styles/Forms.scss

@@ -1,5 +1,5 @@
 .forms {
-    background-color: #131341;
+    background-color: #100d23;
     width: fit-content;
     margin: 0 auto;
     padding: 2%;
@@ -12,7 +12,7 @@
         display: block;
         text-decoration: none;
         border-left: 5px solid #05f09b;
-        background-color: #100d23;
+        background-color: #1313419f;
         color: #05f09b;
         margin: 5px;
         padding: 5px;

src/styles/Page.scss

@@ -4,6 +4,7 @@
     display: flex;
     height: 88vh;
     overflow: none;
+    background-color: #100d23;
 
     &__window {
         width: 80%;

src/styles/Playerbar.scss

@@ -1,9 +1,7 @@
 @import './adaptivefont.scss';
 .playerbar {
-    //position: fixed;
     position: sticky;
     bottom: 0;
-    //left: 0;
     width: 100%;
     padding-bottom: 10px;
     padding-top: -10px;