.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
.logo {
  width: 40px;
  height: 40px;
  
}
  @media (min-width: 769px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }

    .cover {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background-image: url(../image/1741023887497.jpg);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    .bio {
      position: relative;
      margin-top: 10%;
      background-color: rgba(15, 13, 13, 0.521);
    }
  }

  @media (max-width: 768px) {
    .cover {
      top: 0;
      left: 0;
      width: 100%;
      min-height: 1vh;
      background-image: url(../image/1741023887497.jpg);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }

    .bio {
      margin-top: 10%;
      background-color: rgba(15, 13, 13, 0.521);
      padding: 1px ;
      border-radius: 10px;
    }

    .bio h1 {
      font-size: clamp(20px, 5vw, 40px);
    }

    .bio p {
      font-size: clamp(14px, 2.5vw, 18px);
    }

    
  }

.floating-button {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background: #28a745;
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 30px;
            cursor: pointer;
            box-shadow: 0 4px 8px rgba(253, 253, 253, 0.3);
            z-index: 4;
        }
        
        .floating-button a {
            color: #fff;
        }