/* external styles for wk3 practice */
/* ===================================================*/

/* css rule */
body {
    background-color: skyblue;
    color: #EEE;
    font-family: Verdana;
    font-size: 120%
}

h1 {
    background-color: blue;
    color: rgb(104, 104, 104);
    text-align: center;
    transform: rotate(-1deg);
    
}

/* rule with a contextual slelctor / descendent selector */
h1 span {
    font-style: italic;
    color: rgb(130, 209, 255)
}

article {
    border: 8px solid blue;
    min-height: 2in;
    display: flex;
    flex-flow: row wrap;
    margin-top: 50px;s
}

h2 {
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    color: rgb(66, 66, 66);
    flex: 1 1 100%
}
p {
    font-family: Verdana;
    color: #111;
    text-indent: 1em;
    line-height: 1.6;
    flex: 1 1 30%;
    border: 4px solid blue;
    margin: 50px;
    padding: 40px;
}