a {
    text-decoration: none;
   }
   #baslantiB{
    width: 18%;
    position: absolute;
    left: 5%;
    top: 30px;
  }
#baslanti{
    position: absolute;
    top: 30px;
    left: 5%;
    font-size: 180%;
    color: rgb(77, 77, 77);
}
.about{
    color: black;
    font-weight: bold;
    font-size: normal;
    position: absolute;
    top: 48px;
    left: 67%;
}
.about
{
  text-decoration:none;
  position:relative;
}
.about::before 
{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:0px;
  height:2px;
  background:#ffaf00;
  opacity:0;
  -webkit-transition: width 1s; /* Safari */
    transition: width 1s;
}

.about:hover:before
{
  opacity:1;
  width:100%;
}

.pricing{
    color: black;
    font-size: normal;
    font-weight: bold;
    position: absolute;
    top: 48px;
    left: 68%;
}
.pricing
{
  text-decoration:none;
  position:relative;
}
.pricing::before 
{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:0px;
  height:2px;
  background:#ffaf00;
  opacity:0;
  -webkit-transition: width 1s; /* Safari */
    transition: width 1s;
}

.pricing:hover:before
{
  opacity:1;
  width:100%;
}
.our-projects{
    color: black;
    font-size: normal;
    font-weight: bold;
    position: absolute;
    top: 48px;
    left: 69%;
}
.our-projects 
{
  text-decoration:none;
  position:relative;
}
.our-projects::before 
{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:0px;
  height:2px;
  background:#ffaf00;
  opacity:0;
  -webkit-transition: width 1s; /* Safari */
    transition: width 1s;
}

.our-projects:hover:before
{
  opacity:1;
  width:100%;
}
.sss{
    color: black;
    font-size: normal;
    font-weight: bold;
    position: absolute;
    top: 48px;
    left: 70%; 
}
.sss
{
  text-decoration:none;
  position:relative;
}
.sss::before 
{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:0px;
  height:2px;
  background:#ffaf00;
  opacity:0;
  -webkit-transition: width 0.5s; /* Safari */
    transition: width 0.5s;
}

.sss:hover:before
{
  opacity:1;
  width:100%;
}
#siyah{
  z-index: 1;
  width: 100%;
  height: 85%;
  position: absolute;
  left: 0;
  top: 150px;
}
.duzenleniyor{
  z-index: 3;
  color: white;
  font-size: 250%;
  position: absolute;
  top: 540px;
  left: 45%;
}