body { font-family: Tahoma, sans-serif;
}
header { background-image: url(Desert.jpg);
     background-size: 100% 100%;
         background-repeat: no-repeat;
        color: #FFFFFF;
        height: 130px;
        text-align: center;
        a:link { text-decoration: none; 
              color: #FFFFFF; }
        a:visited { text-decoration: none;
                 color: #FFFFFF; }
       a:hover { text-decoration: none; 
               color: #90C7E3;}
}
#logo { height: 100px;
       width: 100px;   
}
nav { text-align: center;
     font-size: 1.5em;
     font-weight: bold;
     padding: .5em;
     flex: none;
    a:link { text-decoration: none; 
              color: #800000; }
        a:visited { text-decoration: none;
                 color: #800000; }
       a:hover { text-decoration: none; 
               color: #40E0D0;}    
}

#wrapper {background-image: linear-gradient(to bottom, #CD853F, #F5DEB3);
}

/*images for Home page */
#dragon { float: right; 
        padding: .5em;
}

#dragon2 {float: left;
          padding-right: 5em;}

#list { margin-right: 10%; }

.app { margin-right: 20%; }

.intro {text-align: center }

/*images for Diet page*/
/*new practice (parallax scrolling effect) */
#cricket { height: 400px;
    background-image: url(cricket.jpg);
       background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
}
#veg { height: 400px;
    background-image: url(vegetables.jpg);
       background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
}
/*images for Habitat page*/
#tree { height: 400px;
    background-image: url(BeardieLog.jpg);
       background-repeat: no-repeat;
       background-size: 100% 100%;    
}
#enclosure { height: 400px;
    background-image: url(BeardieEnclosure.jpg);
            background-repeat: no-repeat;
            background-size: 100% 100%; 
}
/*image for Why page*/
/*new practice (parallax scrolling effect) */
#leash {height: 500px;
    background-image: url(dragonleash.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
}
/*images for Facts page */
#beard { float: right;
        max-width: 100%;
        height: auto;
        padding: .5em;
        box-shadow: 5px 5px 5px #800000;
}
#tongue { float: right;
         max-width: 100%;
         height: auto;
         padding: .5em;
         box-shadow: 5px 5px 5px #800000;
}

ul {list-style-position: inside; }
main { text-align: left;
     font-family: Tahoma, sans-serif;
      color: 40E0D0;
      padding: .5em;
      font-size: 1.5em;
      
}
h1 {font-size: 2em; }
h3 {font-size: 1.75em;}
table {margin: auto;
       border: 5px solid #800000;
}
td, th { border: 1px solid #800000;
        padding: .5em;
}

footer {text-align: center; 
       a:link { text-decoration: none; 
              color: #000000; }
        a:visited { text-decoration: none;
                 color: #000000; }
       a:hover { text-decoration: none; 
               color: #40E0D0;}
       }