body{
    width:100%;
    height: 100vh;
      background-color:#000;
    display: flex;
    align-items:center;
    justify-content:center;
      
      
  }
  
  .profile-card{
      height: 250px;
      width: 250px;
      padding: 15px;
      margin: 100px auto;
      background-color:#FF8C00;
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      position:relative;
      background-image:linear-gradient(45deg,rgb(255,0,0),rgba(0,0,255,0.65));
      opacity:.5;
      box-shadow:  0px 1px 40px rgba(255,0,0,0.65),0px  -1px 30px rgba(0,0,255,0.65);
      
      
      
  }
  .picture{
     width: 290px;
      height: 290px;
      background-image: url("image1.png");
      background-size: cover;
      border-radius: 10px;
      background-position: center;
      position: absolute;
      top: -1;
      z-index: 1;
      transition: .5s;
  }
  
   
  
  .bio{
    color: #fff;
      text-align: center;
      opacity: 0;
      
  }
  .bio h3{
  margin-top: -15px;
  }
  .bio p{
      font-size: 13px;
      text-align: justify;
  }
  .profile-card:hover .picture{
      width: 50px;
      height: 50px;
      border: 1px solid rgb(21,2,131);
      border-radius: 50%;
      top: -30px;
  }
  .profile-card:hover .bio{
      transition: 1s;
      transform: scale(1);
      opacity: 1;
  }
  
  a1{
    position:fixed ;
    top:80%;
    left:45%;
    transform:translate(-50%,-50%);
    background-color:#FFE419;
  width:150px;
  text-align:center;
    color:#000;
    font-weight:999;
    font-size:4vw;
    height:35px ;
    font-size:20px;
    padding-top:5px;
    border-radius:5px;
   margin-bottom:5vw;
  }
  .fa {
    padding: 20px;
    font-size: 30px;
    width: 20px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    margin-block: 3px;
  }
  
  /* Add a hover effect if you want */
  .fa:hover {
    opacity: 0.7;
  }
  
  /* Set a specific color for each brand */
  
  /* Facebook */
  .fa-facebook {
    background: #3B5998;
    color: white;
  }
  
  /* Twitter */
  .fa-twitter {
    background: #55ACEE;
    color: white;
  }