diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 7754bfdfc6551bd3409ca4a9a18e2b65b66f2a1a..4ebce37e5e35ba8eb714ff682c663e29bda60e31 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -1,10 +1,10 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { ErrorLandingPageComponent } from './error-landing-page/error-landing-page.component';
+import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
 
 
 const routes: Routes = [
-{ path: 'errorpage', component: ErrorLandingPageComponent }
+{ path: 'errorpage', component: PageNotFoundComponent }
 ];
 
 
diff --git a/src/app/error-landing-page/error-landing-page.component.scss b/src/app/app.component.css
similarity index 100%
rename from src/app/error-landing-page/error-landing-page.component.scss
rename to src/app/app.component.css
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 042a3bd105cfd4fbe7f54d56473c66d78c88642d..3d313130feca4bca2ed47f1308f6a14b57767cc1 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -4,14 +4,14 @@ import { NgModule } from '@angular/core';
 
 import { AppComponent } from './app.component';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { AppRoutingModule } from './/app-routing.module';
-import { ErrorLandingPageComponent } from './error-landing-page/error-landing-page.component';
+import { AppRoutingModule } from './app-routing.module';
+import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
 
 
 @NgModule({
   declarations: [
     AppComponent,
-    ErrorLandingPageComponent
+    PageNotFoundComponent
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/error-landing-page/error-landing-page.component.html b/src/app/error-landing-page/error-landing-page.component.html
deleted file mode 100644
index 0bc8f6f78a8eb341d4c68523aa4a589cbfa0b771..0000000000000000000000000000000000000000
--- a/src/app/error-landing-page/error-landing-page.component.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<h1>404</h1>
-<h3>The page you were looking for was not found</h3> 
diff --git a/src/app/error-landing-page/error-landing-page.component.ts b/src/app/error-landing-page/error-landing-page.component.ts
deleted file mode 100644
index d7e154644387acd63acb8595feb7646f112f6197..0000000000000000000000000000000000000000
--- a/src/app/error-landing-page/error-landing-page.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-error-landing-page',
-  templateUrl: './error-landing-page.component.html',
-  styleUrls: ['./error-landing-page.component.scss']
-})
-export class ErrorLandingPageComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}
diff --git a/src/app/page-not-found/page-not-found.component.html b/src/app/page-not-found/page-not-found.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..d71c481e1607199983cd101dec3154e8f8e52460
--- /dev/null
+++ b/src/app/page-not-found/page-not-found.component.html
@@ -0,0 +1,2 @@
+<h1>404</h1>
+<h3>The page you were looking for was not found</h3>
diff --git a/src/app/page-not-found/page-not-found.component.scss b/src/app/page-not-found/page-not-found.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/app/error-landing-page/error-landing-page.component.spec.ts b/src/app/page-not-found/page-not-found.component.spec.ts
similarity index 51%
rename from src/app/error-landing-page/error-landing-page.component.spec.ts
rename to src/app/page-not-found/page-not-found.component.spec.ts
index 49891d7f59c607dda3cb7b73abe9ec0244d30894..697a9465727a15f683ee29bb6f88ecf5b65548e2 100644
--- a/src/app/error-landing-page/error-landing-page.component.spec.ts
+++ b/src/app/page-not-found/page-not-found.component.spec.ts
@@ -1,20 +1,20 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { ErrorLandingPageComponent } from './error-landing-page.component';
+import { PageNotFoundComponent } from './page-not-found.component';
 
-describe('ErrorLandingPageComponent', () => {
-  let component: ErrorLandingPageComponent;
-  let fixture: ComponentFixture<ErrorLandingPageComponent>;
+describe('PageNotFoundComponent', () => {
+  let component: PageNotFoundComponent;
+  let fixture: ComponentFixture<PageNotFoundComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ ErrorLandingPageComponent ]
+      declarations: [ PageNotFoundComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(ErrorLandingPageComponent);
+    fixture = TestBed.createComponent(PageNotFoundComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
diff --git a/src/app/page-not-found/page-not-found.component.ts b/src/app/page-not-found/page-not-found.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..31ae4d80f5d5a1903771f7fd2d41102c2850391b
--- /dev/null
+++ b/src/app/page-not-found/page-not-found.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-page-not-found',
+  templateUrl: './page-not-found.component.html',
+  styleUrls: ['./page-not-found.component.scss']
+})
+export class PageNotFoundComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/src/styles.css b/src/styles.css
new file mode 100644
index 0000000000000000000000000000000000000000..90d4ee0072ce3fc41812f8af910219f9eea3c3de
--- /dev/null
+++ b/src/styles.css
@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */