.navbar{
    position:fixed;
    width: 100%;
    height: auto;
    top: 0px;
    transition: transform 150ms ease 0s;
    transform: translateY(0px) translateX(0px);
    z-index: 10;
}

.d{
    display:inline;
}
.discription{
background: rgb(0, 0, 0);
display: inline-block;
position:absolute;
right: 60px;
z-index: 22;
}


.im{
    background-image: url(images/baxtyar.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    width: 400px;
    height: 400px;
    border-radius: 100%;
    
    
}

.para{
    
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
    padding:50% 0;
    text-shadow: -1px 1px 0 #000,
                  1px 1px 0 #000,
                 1px -1px 0 #000,
                -1px -1px 0 #000;
    border-radius: 200%;
    
}

.link{
    text-decoration: none;
}


.project{
    font-size: 80px;
}

.header__center::before,
.header__center::after {
    content: "";
    display: block;
    height: 1px;
    background-color: currentColor;
    width: 100%;
}
.header__center {
    width: 100%;
    /* font-size: 5rem; */
    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-column-gap: 1.2rem;
    align-items: center;
}

.r{
    text-shadow: -0.3px 0.3px 0 #ffc107,
                  0.3px 0.3px 0 #ffc107,
                 0.3px -0.3px 0 #ffc107,
                -0.3px -0.3px 0 #ffc107;
}

.b{
    text-shadow: -0.5px 0.5px 0 #000,
                  0.5px 0.5px 0 #000,
                 0.5px -0.5px 0 #000,
                -0.5px -0.5px 0 #000;
}

.w{
  text-shadow: -0.5px 0.5px 0 #fff,
                0.5px 0.5px 0 #fff,
               0.5px -0.5px 0 #fff,
              -0.5px -0.5px 0 #fff;
}

.t{
    width: 130px;
    height: 100px;
}


#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 1;
  }
 
html{
    scroll-behavior: smooth;
}