h1 {
    /*   color: brown; */
      color: #E0928B;
      font-size: 100px;
      font-family: helvetica;
    }
    
    .header-1 {
      color: #515342;
    /*   font-size: 80px; */
    }
    
    #special {
      color: #E0928B;
      background-color: #515342;
      text-align: center
    }
    
    .menu-link {
      background-color: #E2D5B7;
      color: #515342;
      text-align: center;
      font-size: 30px;
      font-family: helvetica;
      font-weight:  bold;
      text-decoration: none;
      list-style-type: none;
    }
    
    #menu-item:hover {
      text-decoration: underline;
      color: #E0928B;
    }
    
    #why {
      color: #515342;
      font-size: 30px;
      font-family: helvetica;
      text-decoration: underline;
    }
    
    .paragraph {
      color: #515342;
      font-size: 25px;
      font-family: helvetica;
    }
    
    .main-button {
      margin: 30px;
      background-color: #515342;
      color: #E0928B;
      font-family: helvetica;
      font-weight: bold;
      padding: 20px 60px;
      text-decoration: none;
      border-radius: 10px;
      border-width: 2px;
      border-style: solid;
      border-color: #E0928B;
    }
    
    .main-button:hover {
      background-color: #E0928B;
      color: #515342;
      border-color: #515342;
    }
    
    .CTA {
      height: 200px;
      padding: 50px 0;
    }
    
    /* Part 1 - Selecting an HTML tag. In this section create a selector that chooses the appriorpate HTML tag, class or ID  */
    
    /* common syntax/format for CSS */
    
    /* when selecting regular html tags like h1, p, img, etc.  */
    tag-name {
      insert css code here
    }
    
    /* when selecting classes - remember to add a period before */
    .class-name {
      
      color: blue;
      font-size: 46px;
      
    }
    
    /* when selecting IDs - remember to add the hashtag before  */
    #id-name {
      color: brown;
    }
    
    
    
    /* CSS properties to try out:
    I encourage you to look these up on MDN or W3Schools reference documents 
    
    - Colouring -
    background-color - changes the backgrounds color of an element
    color - changes the text color
    
    note: when using colour, you can choose between color names, rgb and hexcode values
    
    - Fonts - 
    font-family - select a font to use
    font-size - adjusts the font size
    font-weight - adjusts the font's weight (boldness)
    text-alignment - aligns text to the left, right, or center
    text-transform - you can capitalize your text, make it all uppercase, etc.
    text-decoration - adds/removes things like underlines
    
    - Borders - 
    border-width - adds a stroke around the object, the value controls the thickness of the boreder
    border-style - can choose between solid or dashed lines
    border-color - change the color of a border
    
    - Sizing - 
    width - changes the objects' width
    height - changes the object's height
    
    - Spacing - 
    Please see box model for these properties
    margin - adjusts spacing outside of an element
    padding - adjusts spacing inside an element
    
    - lists - 
    list-style-type - adds/removes bullet points
    
    - background -
    background-color - adds a color to the background
    background-image - adds a background image
    
    
    */