Box and fancy font

Box and Fancy Fonts CSS

A Thai Citizenship Project

A box that can be adjusted to different sizes with fancy text shadows.
How to do in blogger will be taught in class.

HTML

<div id="box1">A Thai Citizenship Project</div>

CSS

 /*--------------start-------------orange and yellow box with text shadow-----------------*/
#box1 {
width: 400px;
height: 50px;
margin: 10px;
line-height: 40px;
font-size: 24px;
font-weight: 900; /*100 to 900 - 200 is normal*/
text-align: center;
text-shadow: 2px 2px 0px white, -2px -2px 10px red, 1px 1px 3px yellow;
border: 1px solid brown; /*solid, dotted or dashed*/
border-radius: 5px;
padding: 5px;
background: yellow;
box-shadow: inset 0px 0px 25px orange, 3px 3px 0px black; /*inset is inside the box no inset is outside. separate each group with a comma*/
}

 /*--------------end-------------orange and yellow box with text shadow-----------------*/