diff --git a/index.html b/index.html
index 6aa617e..423afb8 100644
--- a/index.html
+++ b/index.html
@@ -3,14 +3,42 @@
 
 <head>
     <meta charset="UTF-8">
-    <title>Sample</title>
+    <title>pixx</title>
+    <style>
+        html,
+        body {
+            margin: 0;
+            padding: 0;
+            height: 100%;
+            width: 100%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            overflow: hidden;
+            background-color: #191a1a;
+        }
+    
+        svg {
+            width: 100%;
+            height: 100%;
+            viewBox: 0 0 300 200;
+        }
+    </style>
+
 </head>
 
 <body>
-    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quaerat quo corrupti unde aliquam magnam, maxime labore
-        eos omnis possimus autem similique quae, quia nam, molestiae aperiam ratione est ut repellendus?</p>
-    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quaerat quo corrupti unde aliquam magnam, maxime labore
-        eos omnis possimus autem similique quae, quia nam, molestiae aperiam ratione est ut repellendus?</p>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 200">
+    <circle cx="150" cy="100" r="50" stroke="white" stroke-width="2" fill="none" />
+
+    <line x1="150" y1="100" x2="200" y2="100" stroke="#6d1313" stroke-width="1.5" />
+    <line x1="200" y1="95" x2="200" y2="105" stroke="white" stroke-width="1" />
+    <line x1="150" y1="95" x2="150" y2="105" stroke="white" stroke-width="1" />
+
+    <text x="175" y="90" font-size="12" fill="#6d1313">x</text>
+
+    <text x="75" y="180" font-size="18" fill="white">A = π ⋅ x²</text>
+</svg>
 </body>
 
 </html>
\ No newline at end of file
