:root {



}

fikoyt-yuvarlak-resim {
  // display: inline-block;
  .center {
    display: flex;
    justify-content: center;
    align-items: center;
    // height: 100vh;
    // background-color: #f5f5f5; /* Örnek arka plan rengi */
  }
  
  .circle-wrapper {
    position: relative;
    // width: 128px; /* Dış çember boyutu */
    // height: 128px;
  }
  
  .circle-avatar {
    position: absolute;
    border-radius: 50%;
  }
  
  .outer {
    width: 128px;
    height: 128px;
    background-color: #1976d2; /* Dış çember rengi */
  }
  
  .inner {
    width: 108px; /* İç çember boyutu */
    height: 108px;
    background-color: #f0f0f0; /* Varsayılan iç çember rengi */
    top: 10px;
    left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  
  .avatar-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
  }
  
  .avatar-icon {
    font-size: 56px;
    color: #333; /* İkon rengi */
    text-align: center;
  }
  
}