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

div h1 {
    color: black;
}

a {
    text-decoration: none;

    margin: 15px 15px 15px 15px;
}

.even {
    background-color: aliceblue;
}

#specificdiv {
    border: 10px double;
}

nav {
    text-align: center;
    border: 2px solid;
    padding: 15px 15px 15px 15px;
    margin-left: 50px;
    margin-right: 50px;
}

div {
    border: 2px solid;
    border-color: aqua;
    border-radius: 20px;
    padding: 5px 5px 5px 5px;
    margin: 10px 10px 10px 10px;
    background-color: aqua;

}

img {
    display: block;
    margin: auto;
    height: 50px;
    width: auto;
}

h2 {
    text-align: center;
}

p {
    text-align: center;
}


/* 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! */