nathipg
diff --git a/‎shapes/circles-aligned/circles-aligned.css
+7 b/‎shapes/circles-aligned/circles-aligned.css
+7
diff --git a/‎shapes/circles-aligned/circles-aligned.scss
+9 b/‎shapes/circles-aligned/circles-aligned.scss
+9
diff --git a/‎shapes/index.html
+15 b/‎shapes/index.html
+15
diff --git a/‎shapes/square/square.css
+7 b/‎shapes/square/square.css
+7
diff --git a/‎shapes/square/square.scss
+6 b/‎shapes/square/square.scss
+6
@@ -0,0 +1,9 @@
+.circles-aligned {
+    background:
+        radial-gradient(7em 7em at 35% 35%, red 50%, transparent 50%),
+        radial-gradient(7em 7em at 50% 50%, gold 50%, transparent 50%),
+        radial-gradient(7em 7em at 65% 65%, blue 50%, transparent 50%);
+    background-repeat: no-repeat;
+    width: 240px;
+    height: 240px;
+}
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Draw - Shapes</title>
+
+    <link rel="stylesheet" href="square/square.css" />
+    <link rel="stylesheet" href="circles-aligned/circles-aligned.css" />
+</head>
+<body>
+    <div class="square"></div>
+    <div class="circles-aligned"></div>
+</body>
+</html>
@@ -0,0 +1,6 @@
+.square {
+    background: red;
+    background-repeat: no-repeat;
+    width: 100px;
+    height: 100px;
+}