<!DOCTYPE html>
<html lang="en"><head><title>Example HTML Document</title>
<style>
html {
width: 100%;
height: 100%;
}
html , body {
margin: 0;
padding: 0;
}
body {
padding: 4em 6em;
}
#hello {
color: rgb(24 calc((3 + (7 * 3) + 1)) 4);
font-family: sans-serif;
}
img {
border-radius: 5px;
}
</style></head>
<body><p id="hello">Hello, World!</p>
<p>something something text...</p>
<h1>A (big) Header!</h1>
<p>Yet some more <span style="color: red">text</span> <3</p>
<p>Hello<span style="color: green">World</span>!</p>
<img alt="Cute cat" src="https://static.insider.com/image/5d24d6b921a861093e71fef3.jpg" width="300"></img></body></html>
<!-- Generated by SEAM, from symbolic-expressions into HTML. -->