/*===
       *** NOTE: I hope to post a BETTER version of
           this after the Week 8 Labs!!! ***

       328lect08-2.css - built (mostly) during class on 2025-03-12
       by: Sharon Tuttle
       last modified: 2025-03-12
===*/

/*===
    set footer element's font size to be 0.5 em (0.5 times the
    size of an uppercase M in the current font...)
===*/

footer
{
    font-size: 0.5em;
}

h1
{
    border: .1em solid red;
    border-left: thick dotted #99ddff;
    border-right-width: 1em;
    border-bottom-color: rgb(0, 128, 128);
    border-bottom-style: double;
}

table, td, th, tr
{
    border: 0.1em solid black;
    border-collapse: collapse;
}

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

a, strong, code
{
    background-color: pink;
}

h1, h2, td, th, li
{
    background-color: lightgray;
}

p, caption
{
    background-color: lightgreen;
}

ul, ol, footer
{
    background-color: yellow;
}

li
{
    padding: 1em;
    margin: 1em;
}

strong
{
    padding-left: 4em;
    padding-top: 1em;
}

p.eyecatching
{
    margin-left: 1em;
    margin-right: 3em;
    background-color: cyan;
}

body
{
    margin-left: 1em;
    margin-right: 1em;
}

p
{
    text-align: center;
}

h2
{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

table
{
    width: 15em;
    margin-left: auto;
    margin-right: auto;
}

.flex-demo
{
    display: flex;
}

.grid-demo-1
{
    display: grid;
    grid-template-columns: 20% 30% 25% 25%;
}