diff --git a/style.css b/style.css
index cb0975d..3fdec2d 100644
--- a/style.css
+++ b/style.css
@@ -16,14 +16,46 @@
width: 640px;
}
-#target {
+.target {
+ width: 64px;
+ height: 64px;
background-color: yellow;
- border-radius: 64px;
- width: 16px;
- height: 16px;
- border: 16px solid red;
- outline: 16px solid deepskyblue;
+ border-radius: 100%;
+
}
+.target-container{
+ display: flex;
+ position: relative;
+ justify-content: center;
+ width: 256px;
+ height: 256px;
+ align-items: center;
+}
+.circle {
+ position: absolute;
+ border-radius: 100%;
+}
+.circle4 {
+ width: 32px;
+ height: 32px;
+ background-color: yellow;
+}
+.circle3 {
+ width: 64px;
+ height: 64px;
+ background-color: red;
+}
+.circle2 {
+ width: 96px;
+ height: 96px;
+ background-color: blue;
+}
+.circle1 {
+ width: 128px;
+ height: 128px;
+ background-color: black;
+}
+
.progress {
position: absolute;
diff --git a/target.html b/target.html
new file mode 100644
index 0000000..a075bc0
--- /dev/null
+++ b/target.html
@@ -0,0 +1,17 @@
+
+
+
+ A title
+
+
+
+
+
+
+
+