@import url("https://fonts.googleapis.com/css?family=Niconne&display=swap");
@import url("https://fonts.googleapis.com/css?family=Teko:300,400&display=swap");

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

.menu-toggler {
  background: #101d2c;
}

.btn:hover {
  color: #101d2c;
}

/* INTRO SECTION */

.intro {
  background-color: #101d2c;
}

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

/* FIRST APPROCH */

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

/* FOOTER SECTION */

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

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

.typography {
  background-color: #101d2c;
}

.color-t.c-1:after {
  background-color: #101d2c;
}
.color-t.c-2:after {
  background-color: #c69963;
}
.color-t.c-3:after {
  background-color: #ffffff;
}
.color-t.c-4:after {
  background-color: #212529;
}

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

.font-2 {
  font-family: "Niconne", cursive;
}

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