body {
    background-color: #9EC6E5;
}

h1{
    background-color: yellow;
    height:100px;
    width:1000px;
}

.q1 {
    font-style: normal;
    margin:20px 20px 10px 10px; /*top right bottom left*/

    padding:50px 30px 50px 80px;

    height: 500px;
    width: 400px;
    background-color: blue;

    border-width: 10px;
    border-style: solid; 
    border-color: green;

    border: 3px solid black;
    outline-style: dashed;
    outline-color: green;
}

.q2 {
    font-style: italic;

    margin:40px 15px 40px 15px;

    padding:10px 20px 20px 10px;

    height: 300px;
    width: 500px;
    background-color: green;

    border-width: 40px;
    border-style: inset; 
    border-color: red;

    border: 6px solid black;
    outline-style: dotted;
    outline-color: yellow;
}

.q3 {

    font-style: oblique;

    margin: 5px 30px 10px 25px;

    padding: 20px 30px 40px 60px;

    height: 400px;
    width: 200px;
    background-color: pink;

    border-width: 60px;
    border-style: dotted; 
    border-color: blue;

    border: 2px solid black;
    outline-style: ridge;
    outline-color: orange;
}

.q4 {
    font-style: italic;

    margin:35px 45px 50px 45px;

    padding:10px 15px 25px 35px;

    height: 250px;
    width: 450px;
    background-color: purple;

    border-width: 10px;
    border-style: outset;
    border-color: pink;

    border: 5px solid black;
    outline-style: ridge;
    outline-color: green;
}

.q5{
    margin:60px 50px 0px 40px;

    padding:5px 40px 20px 60px;

    height: 300px;
    width: 400px;
    background-color:grey;

    border-width: 5px;
    border-style: hidden;
    border-color: yellow;

    border: 4px solid black;
    outline-style: dashed;
    outline-color: blue;
}