/*  lab4.css */

*{box-sizing:border-box;}
html {
    height: 100%;
    background-color:lightgrey;
    background-image:   linear-gradient(to bottom right, lightgrey, powderblue);
    position: relative;
    background-size: cover;
}
body {
    padding: ;
}
#grad1 {
    height: 200px;
    background-color: lightgrey;
    background-image:   linear-gradient(to bottom right, lightgrey, powderblue);
}
div#wrapper{ 
    padding:1px;
    width: 700px;
    overflow:auto;
    margin: 0px auto;
}
header {
    border-style:solid;
    border-width:5px;
    border-color:red;
}
div#left{
    float:left;
    height: 100px;
    width: 300px;
    border-style:solid;
    border-width:5px;
    border-color:green;
}
div#q1{
    /*float:left;*/
    margin: 5px auto;
    padding:1px 5px 1px 1px;
    height: 20%;
    width: 550px;
    border-style:solid;
    border-width:5px;
    border-color:blue;
    outline: 2px dashed blue;
    background-color: powderblue;
    color:grey;
    text-align: justify;
}
div#q2{
    /*float:left;*/
    margin: 5px auto;
    padding:1px 5px 1px 1px;
    height: 20%;
    width: 550px;
    border-style:solid;
    border-width:5px;
    border-color:green;
    outline: 2px dashed #8238ed;
    background-color: darkred;
    color:white;
    text-align: justify;
}
div#q3{
    /*float:left;*/
    margin: 5px auto;
    padding:1px 5px 1px 1px;
    height: 20%;
    width: 550px;
    border-style:solid;
    border-width:5px;
    border-color:orange;
    outline: 2px dashed white;
    background-color: #b867d7;
    color:white;
    text-align: justify;
}
div#q4{
    /*float:left;*/
    margin: 5px auto;
    padding:1px 5px 1px 1px;
    height: 20%;
    width: 550px;
    border-style:solid;
    border-width:5px;
    border-color:#e2ef61;
    outline: 2px dashed deeppink;
    background-color: #a87c7c;
    color:white;
    text-align: justify;
}
div#q5{
    /*float:left;*/
    margin: 5px auto;
    padding:1px 5px 1px 1px;
    height: 20%;
    width: 550px;
    border-style:solid;
    border-width:5px;
    border-color:#2a97d2;
    outline: 2px dashed black;
    background-color: #322f2f;
    color:white;
    text-align: justify;
}

/* text */
h1 {
    font-family: Courier;
    color: darkred;  /*correct font-coloring usage */
    font-size:40px;
}
dl {
    font-family: Monaco;
    font-size:18px;
    color: blue;
}
dd {
    font-family: Monaco;
    font-size:17px;
    color:darkgreen;
}
dd#ddgold {
    font-family: Monaco;
    font-size:17px;
    color:gold;
}