/*this is the box css */
content {
font-family: Verdana san-serif;
font-size: 16px;
font-style: bold;
}
p {
width: 100%;
} 
#box_invisible {
width: 40%;
margin-right: 5px;
margin-left: 5px;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
} 
#box_rounded {
width: 65%;
border: 15px dotted red;
box-shadow: 12px 8px #ccc000;
font-weight: 500;
font-size: 18px;
border-top-right-radius: 25pt 35pt;
border-bottom-right-radius: 25pt 35pt;
border-top-left-radius: 25pt 35pt;
border-bottom-left-radius: 25pt 35pt;
padding: 10px 15px;

background-color: #ffcc99;
} 
#box_overdone {
background-color: #99eeff;
width: 800px;
font-family: Impact, fantasy;
font-size: 20px;
font-weight: bolder;
border-left: 6px dotted red;
border-right: 12px dashed green;
border-top: 24px groove blue;
border-bottom: 48px ridge yellow;
margin-right: 5px;
margin-left: 5px;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;

}