.logo{
    height: 10%;
   
  }

.bg{
    background: -webkit-linear-gradient(top,#f8f9fa 60%, #212529 40%);
}
.link{
  /* background-color: #51515186; */
  /* background-color: red; */
  background-image:
    linear-gradient(
      to right, 
      #212529 ,
      #51515195 15%,
      #51515195 15%,
      #51515195 96%,
      #212529 97%
    );

}
.icon{
  width:15%;
}



.Follow  {
  width: 50px; /* Adjust the size according to your needs */
  height: auto;
}


nav.stroke ul li a,
nav.fill ul li a {
  position: relative;
}
nav.stroke ul li a:after,
nav.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #dc1313;
  height: 1px;
}
nav.stroke ul li a:hover:after {
  width: 100%;
}

nav.fill ul li a {
  transition: all 2s;
}

nav.fill ul li a:after {
  text-align: left;
  content: '.';
  margin: 0;
  opacity: 0;
}
nav.fill ul li a:hover {
  color: #c91818;
  /* z-index: ; */
}
nav.fill ul li a:hover:after {
  z-index: -10;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
}

.one{
  text-align: justify;
  line-height: 100%;
}
.activ{
  color: #dc1313;
}
.btn{
  background-color:#dc1313;
}

.background{
  background-color:  #dc1313;
}