/*
   GRA-310-x4141 
   Digital Graphic Design for Web

   Author: Melody Brooks
   Date: 04/05/17  

   Filename:  pasta-love-style.css
   

*/


  /* Body styles */

    body  {
      background-image: url("Brick%20Wallpaper2.jpg");
      background-repeat: no-repeat;
      background-size: cover; 
      background-color: Black;
      color: white;
      font-family: Century Gothic, sans-serif;
      
    }


  /* Header styles */

    h1 {
      color: white;
      font-family: Century Gothic, sans-serif;
      font-size: 75px;
      letter-spacing: 5px;
      text-align: center;
    }      


  /* Article styles */ 

    h2 {
      color: black;
      font-family: Century Gothic, sans-serif;
      font-size: 50px;
      letter-spacing: 2px;
      text-align: center;
    }      


    p {
      font-size: 18px;
      font-weight: normal;
      text-align: center; 
    } 

    img {
      align-items: center;
    }

  /* Unordered list styles */  

    ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: black;
    }   

    li {
    float:left;
    }

    li a {
    display: inline-block;
    color: white;
    font-size: 20px;
    font-family: "Arial Black", Gadget, sans-serif, 
    text-align: center;
    padding: 18px 25px;
    text-decoration: none;
    }

/* Change the link color to Marinara Red on hover */

    li a:hover {
    background-color: rgb(207,28,68);
    }
   
    li {
     display: inline;
    }

 

/* Footer styles */
    
   footer address {
      background-color: black;
      height: 100px;
      color: white;
      font-family: Century Gothic, sans-serif;
      font-size: 20px;
      text-align: center;
       
 
    }