:root {
  --yellow: #ffeb00;
  --White: #fff;
  --Black: #000;
  --gray: #808080;
  --Green: #008000;
}


.bg{
  background-image: url("../images/Amari looking awesome.png");
  background-repeat: no-repeat;
}

.footer{
  background-color: var(--Black);
padding-top: 20px;
}

.aboubackground{
  background-color: var(--Black);
  background-position: 0px 18 left 50px;
}

.textcolor{
  color: var(--White);
  font-size: 199%;
 font-style: normal;
 font-weight: bold;

/* 150 */

}

/* Make links yellow */

.nav-link{
  color: var(--White);
  font-weight: bold;
}

.active{
  color: var(--yellow);
}

/* color the rows */

  /* .row{
  border: 1px solid var(--yellow);
} 

.container-fluid{
  border: 1px solid var(--yellow);
} 

.container-full{
  padding: 0px;
} */

/* the gradient for text */

.gradient{
background-image: url("../images/Artboard 1.png");
background-repeat: repeat-x;
}


/* .craigofthecreek{
  height: 134px;
} */

/* height: 129px; */


/* .craigofthecreek{
  border: 2px solid var(--Green);
}  */

.text-decoration-underline{
color: var(--White);
 font-weight: lighter;
 width: auto;

}

.words{
  color: var(--White);
  padding: inherit;
  font-weight: lighter;
}


.Creator{
  color: var(--White);
  padding: inherit;
  font-weight: bold;
  padding-right: 70px;

}
/* color for the codedAmari */
.codedAmari{
  color: var(--White);
  font-weight: bold;
}

.fa-heart{
  color: var(--yellow);
}


.bg-dark{
  background-color: var(--Black) !important;
}

/* .col-6,col-5,col-7{
  border: 2px solid #fff;
} */

.rowbreaker{
  height: 100;
}