styles.css

selector{
  position:relative;
  }

body{
  position: relative;
  background-color: #fffeea;
  color: #34495e;
  }

.image img{
  margin-top: 25px;
  width:300px;
  }

.card-header{
  background:#F6E293;
  }

.card-header button{
  color:#000000;

  }

/* contact */
#contact{
  margin: 0 auto;
  margin-top: 3em;
  width: 100%;
  padding: 20px;
  text-align: center;
  background-image: url("../img/valley.jpg"); /*Add a background image*/
  background-attachment: fixed; /*Give the background a fixed position does it not scroll when you scroll*/
  background-size: cover; /*Have the background cover the entire div section*/
  color: white; /*Change the color of the text on top so it is readable and adjust the padding as needed.*/
  }

body{
  background-color: #fffeea;
  color: #34495e;
  }

.jumbotron-jumbotron-fluid{
  padding-top: 50px
  }

#carouselExampleIndicators{
  padding-top: 75px;
  }

.carousel img{
  height: 600px;
  }

.navbar-brand{text-transform: uppercase;}

a.navbar-brand{color: steelblue !important}

.header{
  padding-top: 100px;
  }

#about {
  margin: 0 auto;
  width: 100%;
  padding: 20px;
  }

#work h2{
  text-align: center;
  padding-top:100px;
  }

.Main-text {
    padding-top: 60px;
    clear: both;
  }

#skills h3{
  padding-left: 25px;
  }

#video{
  display: block;
  margin: 0 auto;
  }

  .form-group{
    margin-top: 2em;
  }

  #Resume {
    height: 500px;
    width: 100%;
  }

/* fonts */

h1,
h2,
h3 {
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

p,
li{
font-family: Georgia, Arial, serif;
}

#about-introduction p {
  -webkit-margin-before: 0;
  }

#contact h2{
  font-size: 1em;
  text-align: left;
  }

.card{
  font-family: 'Roboto Condensed', sans-serif;}

/*media queries*/

@media (min-width: 768px) {
  .modal-button button {float: right;}
  }