h1 {
    color: red;
    text-align: center;
}

div h1 {
    color: black;
}

div {
    border: 2px solid;
    background-color: aqua;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 50px;
    margin-right: 50px;
    text-align: center;
    padding: 20px 10px 20 px 10px;

}

.even {
    background-color: aliceblue;

}

#uniquediv {
    border: 10px double;
}

img {
    height: 70px;
    width: auto;
}

nav {
    text-align: center;
    border: 2px solid black;
    padding: 10px;
    border-radius: 10px;
    margin: 20px 50px 20px 50px;
}

a {
    margin-left: 30px;
    margin-right: 30px;
    text-decoration: none;
}

/* Let's do this one together!  Go to demos/coolcssstuff and open up index.html and style.css.  Next rightclick and Show Preview.  Drag your tabs around so you can see all three windows */

/* 1.  hmmm....why isn't our h1 showing red? */
/* 2. is there another way we could have found our style.css file? */

/* 3. What if we wanted to center the text for our h1? */

/* 4. What if I forget what the property is? */

/* 5. Let's add some navigation links to nextpage.html, aboutus.html, and contactus.html.  How can we make this accessible? */

/* 6. Let's make a bigger anchor to cover an entire block of stuff:
            How about a div that contains an h1, an img, and a p?

*/


/*  7. OK, let's draw a border around the whole thing.  While we're at it, let's set the background-color */

/*  8.  Our border is too square.  Can we soften it a bit?  How can we do that? */

/* 9  Let's make a few of these - What if we wanted them to alternate colour?  Hmmm...classes to the rescue!   Notice that .even trumps div     */

/*  10  What if we wanted to target a single div?   ID to the rescue!   #     Let' make the last div have a double border*/

/* 11.  Let's talk padding....then margins!   */

/*12 Hey, would that work on our nav too? 
        First, let's add a border
        Next, let's apply some padding to the nav
        And maybe a tiny bit of margin
        Question - how can we make more room between our anchors?


/* 13.  ok, we can center our text, but how about our img?   Hmmm...images are displayed inline by default...how can we change that?   Let's make our img smaller

/*  14.  Since everything inside of our anchor is now clickable, let's  make our text not underlined.  looks like time to decorate or text! */

/* 15. So, I still want the h1 in my header to be red, but I want all my other h1s to be black.  If only I could target div h1....wait a minute! I can!  */