Error correction

src/app/core/footer/footer.component.scss

@@ -1,4 +1,4 @@
-@import 'src/colors';
+@import '../../../colors';
 
 footer section:last-of-type {
   border-top: solid 1px $gray-700;

src/app/core/home/home.component.scss

@@ -1,4 +1,4 @@
-@import 'src/styles';
+@import '../../../styles.scss';
 
 .navbar-toggler:hover {
   background-color: $primary;

src/app/core/navbar/navbar.component.scss

@@ -1,4 +1,4 @@
-@import 'src/styles';
+@import '../../../styles.scss';
 
 nav {
   z-index: 999;

src/app/core/sidebar/sidebar.component.scss

@@ -1,4 +1,4 @@
-@import 'src/styles';
+@import '../../../styles.scss';
 
 .active-utils {
   transition: 0.25s;

src/app/core/test-page/test-page.component.scss

@@ -1,4 +1,4 @@
-@import 'src/styles';
+@import '../../../styles.scss';
 
 .navbar-toggler:hover {
   background-color: $primary;

src/app/shared/banner/banner.component.scss

@@ -1,4 +1,4 @@
-@import 'src/styles';
+@import '../../../styles.scss';
 @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
 
 .banner-bg {

src/app/shared/social-media-icon/social-media-icon.component.scss

@@ -1,4 +1,5 @@
-@import 'src/colors';
+@import '../../../colors';
+
 
 .social-network-icon a,
 .social-network-icon a:link,

src/styles.scss

@@ -1,7 +1,7 @@
 /* You can add global styles to this file, and also import other style files */
 
 @import 'colors';
-@import 'bootstrap/scss/bootstrap';
+@import 'bootstrap/scss/bootstrap.scss';
 
 $percentages: (
   '5': 5%,