/* Joe Ruiz Lab 4 CSS */

body {
   background-image: url("media/images/blackboard.jpg");
   margin: 10px 25px;
   padding: 5px;
}

h1 {
   text-align: center;
   color: white;
   text-decoration: underline;
}

div.q1 {
   width: 650px;
   padding: 10px;
   border: 2px solid navy;
   margin-left: 10px;
   margin-right: 500px;
   margin-top: 10px;
   margin-bottom: 10px;
   background-color: red;
   outline: purple dotted;
   float: left;
}

div.q2 {
   width: 650px;
   padding: 10px;
   border: 3px double orange;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 500px;
   margin-right: 10px;
   background-color: pink;
   outline: black dashed;
   float: right;
}

div.q3 {
   width: 650px;
   padding: 10px;
   border: 4px dashed gold;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 10px;
   margin-right: 500px;
   background-color: orange;
   outline: yellow solid;
   float: left;
}

div.q4 {
   width: 650px;
   padding: 10px;
   border: 2px dotted tan;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 500px;
   margin-right: 10px;
   background-color: lime;
   outline: brown double;
   float: right;
}

div.q5 {
   width: 650px;
   padding: 10px;
   border: 3px solid magenta;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 10px;
   margin-right: 500px;
   background-color: gray;
   outline: green solid;
   float: left;
}