*{
  margin: 0;
  padding: 0;
}

html{
  scroll-behavior: smooth;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1, h2 {
  font-family: "Abril Fatface", serif;
  font-weight: 400;
  font-style: normal;
}

/*Nav*/
.nav a:link{
  color: #BE5B72;
}

.nav a:hover{
  color: #6C757D !important;
}

.nav{
  padding: .5em 0 .5em 0;
}

/*Header*/
.header{
  background-color: #DEA1AF;
}

.container-fluid{
  padding:0 !important;
}

.header h1, h3{
  color: #FFF !important;
}

.header1{
  text-align: center;
}

.btn-outline-secondary{
  color: #6C757D;
}

/*Top Trends*/

.trends h2{
  color: #DEA1AF;
  text-align:center;
  padding-top:1em;
  padding-bottom:.5em;
}

.trends h4{
  color: #6C757D;
  text-align: center;
  text-transform: uppercase;
}

/*Media*/

.media{
  background-color: #DEA1AF;
}

.media img{
  padding-top:2.3em;
  margin-bottom: 2.3em;
}

.list-group-item{
  padding: 1.5em !important;
  color: #6C757D !important;
}

/*Enhancing Your Site*/

.enhancing h2{
  color: #DEA1AF;
  text-align: center;
  padding-top:1em;
  padding-bottom:.5em;
}

.enhancing h4{
  color:#6C757D;
  text-align:center;
  text-transform:uppercase;
}

.enhancing img{
  padding-bottom:1em;
}

/*Footer*/

.footer{
  text-align:center;
  background-color: #DEA1AF;
  color: #FFF;
  padding-bottom: .5em;
  padding-top: .5em;
}