index.html
<!DOCTYPE html>
<html>
<head>
<title>Fork of SVG Fundamentals</title>
<style>
body {
margin: 0;
overflow: hidden;
}
</style>
</head>
<body>
<svg width="960" height="500">
<!-- overlapping circles -->
<rect
x="280"
y="60"
width="400"
height="380"
fill="black"
stroke="navy"
stroke-width="10">
</rect>
<circle cx="480" cy="250" r="180" fill="red"></circle>
<circle cx="480" cy="250" r="160" fill="orange"></circle>
<circle cx="480" cy="250" r="140" fill="yellow"></circle>
<circle cx="480" cy="250" r="120" fill="green"></circle>
<circle cx="480" cy="250" r="100" fill="blue"></circle>
<circle cx="480" cy="250" r="80" fill="white">
</circle>
<text x="425" y="255" fill="red">
Problem Solving
</text>
