/* This is an example of a comment in css (also for SQL) */

/* Note the css syntax;
 *   object-type {
 *       characteristic : value ; 
 *       characteristic : value ;
 *   } 
 * 
 * The object can be a tag, or a tag with it's class name to 
 * be more specific.
 * 
 * Then within curly brackets, each declaration is made.
 * 
 * The characteristic to be changed,
 * a [colon]
 * The value to set
 * a [semicolon] 
 * 
 */

body {
  color: #000000;
  padding: 0;
  margin: 0;
  line-height: 1.4;
}

/* This is an example of a css declaration that is not actually used */
div.heading {
  background-color: white;
  border: .07em solid rgba(0,0,0,.5);
  border-radius: .5em;
  box-shadow:5px 5px 10px #401052;
  width: 640px;
  margin-left: 16px;
}

fieldset {
  display: block;
  box-sizing: border-box;
  width: 640px;
  color: #000;
  margin-left: 16px;
  border: .07em solid rgba(0,0,0,.5);
  border-radius: .5em;
  box-shadow:5px 5px 10px #401052;
}

legend {
    color : black;
    font-size : 20px;
    background-color: white;
    text-align : middle;
    border-width : 1px;
    border-style : solid;
    border-color : black;
    padding-left : 8px;
    padding-right : 8px;
    padding-top : 8px;
    padding-bottom : 2px;
    border: .07em solid rgba(0,0,0,.5);
    border-radius: .5em;
    box-shadow:5px 5px 10px #401052;
    font-family:Arial, sans-serif;
}

p {
    font-family:Arial, sans-serif;
    font-size: 14px;
}

pre.example {
    color:navy;
    border-style:solid;
    border-width:thin;
    margin-left:8px;
    margin-right:8px;
    font-family:"Arial";
    padding-left:32px;
    padding-top:4px;
    padding-bottom:4px;
    -moz-box-shadow:6px 6px 6px #9794FF;
    -webkit-box-shadow:6px 6px 6px #9794FF;
    box-shadow:6px 6px 6px #9794FF;
}