PROFILE CARD CSS

 * {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  font-family: "Poppins", sans-serif;

}

body {

  height: 100vh;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color:  beige;

}

.profile-card{

  display: flex;

  align-items: center;

  justify-content: center;

  max-width: 570px;

  width: 100%;

  background: bisque;

  box-shadow: 0 5px 10px black;

  border-radius: 24px;

  padding: 85px;

}

.image {

  position: relative;

  height: 150px;

  width: 150px;

  border-radius: 50%;

  background-color: rgb(182, 36, 51);

  padding: 3px;

  img{

    height: 100%;

    width: 100%;

    object-fit: cover;

    border-radius: 50%;

    border: 2px solid white;

  }

}

.text-data{

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

 

 

}