<div>
<div class="content wysiwyg-content fr-view">
Hi, I am trying to make the red font smaller. &nbsp;Also would like to make the white boxes a little transparent with a slight rounding on the edges. Can't seem to find the css to do so. Thank you.<br><a href="https://yvette60.com/index.html" rel="ugc">https://yvette60.com/index.html</a><br>Figured out the font...<br>Still can't get the rounded corners and the opacity.<br><pre><code class="code-10 nolinks" id="code-10-29221481-1">.countdown {
&nbsp; &nbsp;opacity: 0.5;
&nbsp; &nbsp;border-radius:5px;
&nbsp; &nbsp;bottom: 30px;
&nbsp; &nbsp;left: 50%;
&nbsp; &nbsp;margin-left: -225px;
&nbsp; &nbsp;position: absolute;
&nbsp; &nbsp;width: 450px;
&nbsp; &nbsp;z-index: 100;
}</code></pre><br>
</div>
</div>



Hi, I am trying to make the red font smaller.  Also would like to make the white boxes a little transparent with a slight rounding on the edges. Can't seem to find the css to do so. Thank you.
https://yvette60.com/index.html
Figured out the font...
Still can't get the rounded corners and the opacity.
.countdown {
   opacity: 0.5;
   border-radius:5px;
   bottom: 30px;
   left: 50%;
   margin-left: -225px;
   position: absolute;
   width: 450px;
   z-index: 100;
}

Changing Font and Opacity

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.