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

/* css rules */

body {
    background-color: #7264a3; 
    color: #EEE; 
    font-family: verdana;
    font-size: 120%;
}

h1 {
    background-color: rgb(230, 103, 103);
    color: rgb(133, 82, 192);
    text-align: center;
    transform: rotate(+3deg);
}

/* rule with a contextual selector */
h1 span {
    font-style: italic;
    color: rgb(78, 0, 88);
}

article {
    border: 8px solid #EE0;
    min-height: 8em;
    display: flex;
    flex-flow: row wrap;
    margin-top: 100px;
}

h2 {
    text-align: center;
    font-weight: normal;
    text-transform: lowercase;
    flex: 1 1 100%;
}

p {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #FFC;
    text-indent: 1em;
    line-height: 1.6;
    flex: 1 1 30%;
    border: 4px solid rgb(153, 146, 255);
    margin: 50px;
    padding: 40px;
}