/* Color Palette:  904E55, ADD9F4, 303633, 605856, F4F1BB */
/* STYLE SECTIONING TAGS */
* { /* Reset the space of the webpage */
   margin: 0px;
   padding: 0px;
}

body {
 background-color: #605856;
 font-family: Garamond, serif;
}

/* STYLE TEXT */
/* Common Styling */
.title {
   color: #F4F1BB;
   font-family: 'Lucida Handwriting', cursive;
   text-align: center;
   margin-top: 1em;
   margin-bottom: 1em;
}
.attr {
   text-align:center;
   color:#f0f0d6;
   margin-bottom: 1em;
}
#pageInfo {
   color: #ddd988;
   margin-top: 3em;
   text-align: right;
   margin-bottom: 1em;
}
.explore {
   color: #f5f2b8;
   margin-top: 3em;
   text-align:right;
   margin-bottom: 1em;
}

/* Home page styling */
#issueIntro{
   color: #dadbc2;
   margin-top: 2em;
   text-align: left;
}
#cause {
   margin-top: 2em;
   color: #c3bbbb;
}

/* Contact Us Styling */
#aboutUs {
   color: #dadbc2;
   margin-top: 2em;
   font-size: 20px;
}

#contact {
   color: #dadbc2;
   margin-top: 2em;
   text-align: center;
}

/* Call To Action Styling */
.ctaTitle {
   color: #ddd988;
   font-size: 20px;
   margin-bottom: 1em;
   margin-top: 2em;
   text-align: center;
}
.cta {
   color: #dadbc2;
   text-align: left;
   font-size: 13px;
   
}

/* Fun Facts Syling */
#funFacts {
   margin-top: 2em;
   color: #dadbc2;
   text-align: center;
}

/* Job Discrimination Styling */
#jdResearch {
   color: #dadbc2;
   margin-top: 2em;
}

/* Long Term Styling */
#longTerm {
   margin-top:2em;
   color: #dadbc2;
   text-align: center;
}

/* Short Term Styling*/
#shortTerm {
   margin-top:2em;
   color: #dadbc2;
   text-align: center;
}

/* STYLE IMAGES */
.imgOne {
   max-width: 25%;
   max-height: 50%;
   border-radius: 50%;
   border: ridge, black, 1px;
   margin: 2em auto 1em auto;
   display: block;
   }
#me {
   max-width: 25%;
   max-height: 50%;
   border-radius: 40%;
   border: ridge, black, 1px;
   margin: 2em auto 1em auto;
   display: block;
}
.imgMain {
   max-width: 25%;
   max-height: 50%;
   display: block;
   margin: 2em auto 1em auto;
}
/* STYLE NAV BAR */
ul {
  list-style-type: none;
  background-color: #303633;
  overflow: hidden;
  padding: 1em;
}

li {
  display: inline;
}
li a {
  text-decoration: none;
  color: #ADD9F4;
  font-size: 1.3em;
  padding: 1em;
}

li a:hover {
  background-color: #904E55;
}

a:hover {
  background-color: #904E55;
}

/* STYLE BUTTONS */
button {
   margin-top: 5px;
   justify-content: center;
   align-items: center;
}