diff --git a/src/app/app.component.html b/src/app/app.component.html
index 99e094c..86f1dc6 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -6,4 +6,5 @@
}
+
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 63be152..afc898e 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -1,3 +1,9 @@
+.contact {
+ font-size: small;
+ margin-right: 2em;
+ text-align: right;
+}
+
.inputwrapper {
font-family: "ABeeZee", sans-serif;
margin: 0 1em 1em 1em;
diff --git a/src/app/step.ts b/src/app/step.ts
index 81a7e78..ca2c41b 100644
--- a/src/app/step.ts
+++ b/src/app/step.ts
@@ -1,11 +1,11 @@
import {Converter} from './converter/converter';
export class Step {
- public content = '';
+ public content: string = '';
public selectedConverter: Converter | undefined;
public index: number;
- public error = false;
- public message = '';
+ public error: boolean = false;
+ public message: string = '';
constructor(index: number) {
this.index = index;
diff --git a/src/styles.scss b/src/styles.scss
index a24f0f1..47cb31a 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -18,6 +18,16 @@
font-style: normal;
}
+a {
+ color: #fc0;
+ transition: all ease-in-out 200ms;
+
+ &:hover {
+ color: #222;
+ background-color: #fc0;
+ }
+}
+
body {
background-color: #222;
color: #eee;