.smallCir {
width:80px;
height:80px;
/* If the sides are all equal then the shape will be circular
if the height and width are different then you get an elongated
shape */
background-color:firebrick;
border-radius:50%;
/* A radius of 50% will result in all borders being curved so
a square becomes a circle and a rectangle becomes an oval */
box-shadow:8px 12px 12px 12px gold inset;
border:none;
/* By default buttons have a border, but it looks ugly for some settings
so I removed the border. Note border radius works whether or not
you have a border on the element because it is implied as part of
the W3C box model. */
font-family:cursive;
font-size:125%;
}
.smallCir:hover {
background-color:gold;
box-shadow:8px 12px 12px 12px firebrick inset;
-->
