diff --git a/circle.html b/circle.html
index 213a8df4e..3dbe8fa6f 100644
--- a/circle.html
+++ b/circle.html
@@ -11,3 +11,7 @@ <h1>How to create a circle using a div</h1>
 	<div>
 </body> 
 </html>
+.circle {
+  width: 500px;
+  height: 500px;
+}
diff --git a/index.html b/index.html
new file mode 100644
index 000000000..b8f40f8e9
--- /dev/null
+++ b/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Circle Example</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <div class="circle"></div>
+</body>
+</html>
diff --git a/style.css b/style.css
index b1a4e3b87..2080e288b 100644
--- a/style.css
+++ b/style.css
@@ -1,8 +1,8 @@
 .blue {
-			background-color:blue
+            background-color:blue
 }
 .circle{
-			border-radius:50%;
-			width:300px;
-			height:300px;
-}
+            border-radius:50%;
+            width:500px;
+            height:500px;
+}
\ No newline at end of file
