xxxxxxxxxx
<header>
</header>
<style>
p {
font-size: 27px;
}
#first-paragraph {
font-size: 50px;
}
.fancy {
color: red;
}
</style>
<body>
<div class="fancy">
<p id="first-paragraph" style="color:blue;">
this is my text.
</p>
</div>
<p id="second-paragraph">
I'm here for the d3 workshop
</p>
<!-- let's add a circle -->
<svg height="100" width="119">
<circle cx="50" cy="50" r="40" stroke="rgb(255, 99, 71)" stroke-width="12" fill="red" />
</svg>
</body>