@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap');
  *{
    font-family: 'Poppins', sans-serif;
  }
  body{
    background: #121321;
  }
 
  section{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #121321;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  section::before{
    content: "";
    position: absolute;
    height: 240px;
    width: 240px;
    border-radius: 50%;
    transform: translate(150px,100px);
    background: linear-gradient(90deg, #9c27b0, #e3e5e5);
  }

  section::after{
    content: "";
    position: absolute;
    height: 240px;
    width: 240px;
    border-radius: 50%;
    transform: translate(-150px,-100px);
    background: linear-gradient(90deg, #9c27b0, #e3e5e5);
  }
  .container{
    height: 280px;
    width: 370px;
    position: relative;
    z-index: 10;

  }
  .container .card{
    
    height: 100%;
    width: 100%;
    border-radius: 25px;
    backdrop-filter: blur(25px);
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
img{
    height: 150px;
    width: 150px;
    border-radius: 50%;
    background-color: #9c27b0;
    padding: 2px;
  }

.card .image{
    margin: 10px;
    display: flex;
    justify-content: center;
}
.card .text{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
}
.text .name{
    font-size: 22px;
    font-weight: 500;
}
.text .job{
    font-size: 15px;
    font-weight: 400;
}
.card .media-buttons{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 9px;
    
}
.media-buttons .link{
    display: flex;
    text-align: center;
    justify-content: center;
    text-decoration: none;
    margin: 0 9px;
}
.link{
    font-size: 18px;
    color: rgb(212, 149, 228);
}
.link:hover{
    color: white;
}