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

/* css rule */

body {
    background-color: rgb(126, 164, 202); /* rgb function */
    color: #EEE; /* hex code/ */
    font-family: verdana;
    font-size: 120%;

}

h1 {
    background-color: red;
    color: #111;
    text-align: center;
}

/* rule with a contextual selector / descendant selector */
h1 span {
    font-style: italic;
    color: green;
}

article {
    border: 8px solid #EE0;
    height: 4inch;
    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: times;
    color: #FFC;
    text-indent: 1em;
    line-height: 1.6;
    /*transform: rotate(-90deg);*/
    flex: 1 1 33%;
    border: 4px solid #800;
    margin: 50px;
    padding: 40px;
}