@import url("https://fonts.googleapis.com/css?family=Cabin|Herr+Von+Muellerhoff|Source+Sans+Pro:400,900&display=swap");

body {
  background-image: url("../img/project-3.jpg");
  background-size: contain;
  background-position: right top;
  background-repeat: no-repeat;
  background-color: #0f0f0f;
  overflow: initial;
  font-size: 1.6rem;
}

.top-nav {
  background-color: #c59d5f;
}

.menu-toggler {
  background: #c59d5f;
}

.btn:hover {
  color: #c59d5f;
}

/* INTRO SECTION */

.intro {
  background-color: #c59d5f;
}

.arrow span {
  border-bottom: 2px solid #c59d5f;
  border-right: 2px solid #c59d5f;
}

/* FIRST APPROCH */

.row h3::before,
.main-intro h1::before,
.next-img h6::before {
  background: radial-gradient(circle, #c59d5f, rgba(0, 0, 0, 0));
}

.typography {
  background-color: #c59d5f;
}

.color-t.c-1:after {
  background-color: #c59d5f;
}
.color-t.c-2:after {
  background-color: #252525;
}
.color-t.c-3:after {
  background-color: #515151;
}
.color-t.c-4:after {
  background-color: #ffffff;
}

.typography h3::before {
  background: radial-gradient(circle, #ffebcd, rgba(0, 0, 0, 0));
}

.font-2 {
  font-family: "Source Sans Pro", sans-serif;
}

.font-1 {
  font-family: "Herr Von Muellerhoff", cursive;
}

/* FOOTER SECTION */

.thanks h5 a {
  color: #c59d5f;
  border-bottom: 1px solid #c59d5f;
}

.next-img {
  background: url("../img/next-project-5.jpg") center no-repeat;
  background-size: cover;
}