/*===
    328lect07-1.css - built during class on 2026-03-02
    (and added to a bit after class)

    by: Sharon Tuttle
    last modified: 2026-03-04
===*/

/*=== 
    selects any element with class="eyecatching"
    and gives it an eye-catching yellow background
===*/

.eyecatching
{
    background-color: yellow;
}

/*=== 
    selects ONLY p elements with class="eyecatching" 
    and gives them a larger and bold font
===*/

p.eyecatching
{
    font-size: 120%;
    font-weight: bold;
}

/*=== 
    make the footer's font size smaller
===*/

footer
{
    font-size: 0.5em;
}

/*=== 
    selects the element with id="cs328" 
    and gives it an italic font style
===*/

#cs328
{
    font-style: italic;
}

/*=== 
    selects textfields and password fields 
    and gives them green content
===*/

input[type="text"], input[type="password"]
{
    color: green;
}

/*===
    selects only li elements that are descendants of ol elements,
    and gives them red content
===*/

ol li
{
    color: red;
}

/*===
   give p, caption, h2, ul, li, code, strong, ol, footer, a,
   and hr elements thin blue solid borders
===*/

p, caption, h2, ul, li, code, strong, ol, footer, a, hr
{
    border: 0.1em solid blue;
}

/*===
   give captions a font family of Comics Sans MS if it is 
   available, and if it is not, asks that the browser's 
   font for generic font family cursive be used instead
===*/

caption
{
    font-family: "Comic Sans MS", cursive;
}