stick footer to bottom

src/app/app.component.html

+<div class="body">
+
 <nav class="navbar navbar-expand-lg navbar-light d-flex align-items-center">
   <img class="logo" src="/assets/takicine.png"/>
   <a class="navbar-brand" [routerLink]="['/']">Accueil</a>
@@ -7,11 +9,13 @@
 </nav>
 
 <router-outlet></router-outlet>
-
+</div>
 
 
 <!-- Footer -->
-<footer class="bg-dark text-center text-white">
+<footer class="bg-dark text-center text-white mt-auto" style="   position: relative;
+   bottom: 0;
+   width: 100%;">
   <!-- Grid container -->
   <div class="container p-4">
     <!-- Section: Social media -->

src/app/app.component.scss

+.body {
+  min-height: 67.9vh;
+}
+
 .logo {
 
   max-width: 400px;
@@ -20,6 +24,4 @@ nav {
 
 }
 
-footer{
-  margin-top: 40px;
-}
+