diff --git a/index.html b/index.html
index e01e7ee..5cd4784 100644
--- a/index.html
+++ b/index.html
@@ -3,9 +3,12 @@
   <head>
     <meta charset="utf-8">
     <title>Bitmaker Practice</title>
+    <link rel="stylesheet" href="styles.css">
   </head>
   <body>
-    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus quisquam nisi reiciendis, quas recusandae nam hic nihil praesentium labore illum vitae, asperiores cumque maiores sit officiis magni temporibus ducimus quis!</p>
-    <img src="http://placebear.com/150/150" alt="a bear">
+    <main>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus quisquam nisi reiciendis, quas recusandae nam hic nihil praesentium labore illum vitae, asperiores cumque maiores sit officiis magni temporibus ducimus quis!</p>
+      <img src="http://placebear.com/150/150" alt="a bear">
+    </main>
   </body>
 </html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..926852e
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,22 @@
+*, *:before, *:after {
+  box-sizing: border-box;
+}
+
+html, body {
+  height: 100%;
+  background: #EFEFEF;
+  color: #333;
+}
+
+html, body, p {
+  margin: 0;
+}
+
+main {
+  width: 80%;
+  border: 1px solid #333;
+  max-width: 1024px;
+  min-height: 100%;
+  margin: 0 auto;
+  padding: 25px;
+}
\ No newline at end of file
