/*Rebecca Cathey 3/6/2023 */
/* selector = determines what will be styled */
/* declaration = rule */
/* property; value; */

body{
    background-color:#FADCD9;
    background: linear-gradient(to bottom, #FFFFFF, #FADCD9);
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
}

header {
    text-align: center;
}

p{
   font-size:18px;
}

nav {
    background-color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    font-size: 1.5em;
    padding: .75em;
}

nav ul {
    list-style-type: none;
}

nav li { 
    display: inline;
}

nav a { 
    text-decoration: none; padding-right: 10px;
}

#resumeimage {
    height: 25em;
    background-image: url(stockphoto7.jpg);
    background-repeat: no-repeat; 
    background-size: 100% 120%;
    margin-left: auto; margin-right: auto;
    width: 80%;
    padding: 1.25em;
}

#courseimage{
    height: 20em;
    background-image: url(homehero.jpg);
    background-repeat: no-repeat; 
    background-size: 100% 140%;
    margin-left: auto; margin-right: auto;
    width: 80%;
    padding: 1.25em;
}

#portfolioimage {
    height: 25em;
    background-image: url(stockphoto5.jpg);
    background-repeat: no-repeat; 
    background-size: 100% 100%;
    margin-left: auto; margin-right: auto;
    width: 80%;
    padding: 1.25em;
}

#portfolio {
    height: 5em;
    margin-left: auto; margin-right: auto;
    width: 80%;
    padding: 1em;
    font-size: 1em;
    text-align: center;
}

#intro{
    height: 7em;
    margin-left: auto; margin-right: auto;
    width: 80%;
    padding: 1.25em;
    font-size: 1em;
    text-align: center;
}

#wrapper1 {
    background-color: #FFFFFF;
    margin-left: auto; margin-right: auto;
    width: 80%;
    padding: 1.25em;
}

#wrapper2 {
    background-color: #FFFFFF;
    margin-left: auto; margin-right: auto;
    width: 80%;
    padding: 1.25em;
}

#resume1 {
    line-height: .75em;
    font-size: 2em;
    padding-left: .5em;
}

#resume2a {
    line-height: .75em;
    padding-left: 1.5em;
    font-weight: normal;
    font-size: 1.75em;
}

#resume2b {
    line-height: .75em;
    padding-left: 1.5em;
    font-weight: normal;
    font-size: 1.75em;
}

#resume2c {
    line-height: .75em;
    padding-left: 1.5em;
    font-weight: normal;
    font-size: 1.75em;
}

#resume3a {
    line-height: .75em;
    padding-left: 2.5em;
    font-size: 1.25em;
}

#resume3b {
    line-height: .75em;
    padding-left: 2.5em;
    font-size: 1.25em;
}

#resume3c {
    line-height: .75em;
    padding-left: 2.5em;
    font-size: 1.25em;
}

#resume3d {
    line-height: .75em;
    padding-left: 2.5em;
    font-size: 1.25em;
}

#resume3f {
    line-height: .75em;
    padding-left: 2.5em;
    font-size: 1.25em;
}

#resume4a {
    line-height: .75em;
    padding-left: 3.5em;
    font-weight: normal;
    font-size: 1.10em;
}

#resume4b {
    line-height: .75em;
    padding-left: 3.5em;
    font-weight: normal;
    font-size: 1.10em;
}

#resume4c {
    line-height: .75em;
    padding-left: 3.5em;
    font-weight: normal;
    font-size: 1.10em;
}

#resume4d {
    line-height: .75em;
    padding-left: 3.5em;
    font-weight: normal;
    font-size: 1.10em;
}

#resume4f {
    line-height: .75em;
    padding-left: 3.5em;
    font-weight: normal;
    font-size: 1.10em;
}

#resume5a {
    line-height: .5em;
    padding-left: 5em;
    font-weight: normal;
    font-size: 1em;
}

#resume5b {
    line-height: .5em;
    padding-left: 5em;
    font-weight: normal;
    font-size: 1em;
}

#resumeul1 {
    list-style-type:circle;
    padding-left: 5em;
    font-size: 1em;
    line-height: .5em;
}

#resumeul2 {
    list-style-type:circle;
    padding-left: 5em;
    font-size: 1em;
    line-height: .5em;
}

#resumeul6a {
    font-size: 1em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeul6b {
    font-size: 1em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeul6c {
    font-size: 1em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeul6d {
    font-size: 1em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeul6e {
    font-size: 1em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeul6f {
    font-size: 1em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeul6g {
    font-size: 1em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp1 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp2 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp3 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp4 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp5 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp6 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp7 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp8 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp9 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp10 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp11 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp12 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp13 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp14 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp15 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp16 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp17 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp18 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp19 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp20 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp21 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp22 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp23 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#resumeulp24 {
    font-weight: normal;
    font-size: .90em;
    list-style-type:circle;
    line-height: .5em;
}

#p1{
   line-height: .5em;
    color: white;
}

#p2{
   line-height: .5em;
    color: white;
}

#p3{
   line-height: .5em;
    color: white;
}

#p4{
   line-height: .5em;
    color: white;
}

#p5{
   line-height: .5em;
    color: white;
}

#skills{
    list-style-type:circle;
    line-height: 1.60em;
    padding-left: 4em;
    font-weight: normal;
    font-size: 1.10em;
}

/* Contact Form */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}
input[type=submit] {
  background-color: #FADCD9;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
input[type=submit]:hover {
  background-color: #FADCD9;
}
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

#contact { 
    font-size: 90% 
}