diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index db7052d..d66cbc5 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -1,11 +1,13 @@
 import {NgModule} from '@angular/core';
-import {RouterModule, Routes} from '@angular/router';
+import {RouterModule} from '@angular/router';
 import {HomeComponent} from './home/home.component';
+import {DetailComponent} from "./detail/detail.component";
 
 
 @NgModule({
   imports: [RouterModule.forRoot([
     {path: 'home', component: HomeComponent},
+    {path: 'detail', component: DetailComponent},
     {path: '**', redirectTo: 'home'}
   ])],
   exports: [RouterModule],
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 2934ad1..0680b43 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1 +1 @@
-<app-home></app-home>
+<router-outlet></router-outlet>
diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css
index e69de29..d5ef261 100644
--- a/src/app/home/home.component.css
+++ b/src/app/home/home.component.css
@@ -0,0 +1,6 @@
+input{
+  width: 40%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index e64efc8..d511764 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -1,2 +1,2 @@
 <input type="text" placeholder="Type here" class="input input-bordered input-primary w-full max-w-xs" />
-ciao
+