diff --git a/calc.html b/calc.html
index 2579eae..27a2936 100644
--- a/calc.html
+++ b/calc.html
@@ -2,9 +2,7 @@
 <html>
     <head>
        <title>HTML / CSS</title>
-        <style>
-
-        </style>
+        <link rel="stylesheet" type="text/css" href="styles.css">
     </head>
     <body>
         <form method="GET" action="http://webex.sdi.hevs.ch/calc">
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..db07925
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,15 @@
+body {
+    background-color: lightgreen;
+}
+
+input[type="number"] {
+    background-color: yellow;
+}
+
+input[type="submit"] {
+    background-color: deepskyblue;
+}
+
+input[type="reset"] {
+    background-color: palevioletred;
+}
\ No newline at end of file
