@import url("https://fonts.googleapis.com/css2?family=Anton&family=Raleway&display=swap");

body {
  background-image: url("../img/project-2.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: #ed9300;
}

.menu-toggler {
  background: #ed9300;
}

.btn:hover {
  color: #ed9300;
}

/* INTRO SECTION */

.intro {
  background-color: #ed9300;
}

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

/* FIRST APPROCH */

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

/* FOOTER SECTION */

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

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

.typography {
  background-color: #ed9300;
}

.color-t.c-1:after {
  background-color: #ed9300;
}
.color-t.c-2:after {
  background-color: #313131;
}
.color-t.c-3:after {
  background-color: #dcdcdc;
}
.color-t.c-4:after {
  background-color: #073488;
}

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

.font-2 {
  font-family: "Raleway", sans-serif;
}

.font-1 {
  font-family: "Anton", sans-serif;
}