LivePreview

<div id="frame-message">This is the pallet, the world to <strong>your</strong> code.</div>
<div id="frame-message">This is the pallet, the world to <strong>your</strong> code.</div>
 
 
<p>You may now clear all fields and begin writing your own HTML and CSS code.<br>
 
<em>LivePreview &mdash; A front end playground.</em></p>
 
$lg = lightgray;
$lg = lightgray;
$ws = whitesmoke;
 
#frame-message {
background: $ws;
border: 1px solid $lg;
padding: 10px;
font-family: arial;
font-weight: lighter;
text-align: center;
font-style: italic;
font-size: 2em;
}
 
#frame-message:before {
 content: "\201c"; 
 font-size: 30px;
}
 
#frame-message:after {
 content: "\201d"; 
 font-size: 30px;
}
 
p {
 font-family: sans-serif; 
 text-align: center;
}