*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}

body{
    font-family:Times new Roman;
    background-color:#07244C;
 }

.container{
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     position: absolute;
     top: 300px;
     left: 200px;
     background-color: #7671FA;
     width: 550px;
     height: 800px;
     border-radius: 25px;
     overflow: hidden;
     box-shadow: 0px 30px 50px  #7672FA;
     border: 1px solid white;
    
     }

.card:nth-child(1){
   background-image: url('1.png');
   background-size: cover;
   background-position: center center;
   backface-visibility: visible;
   background-repeat: no-repeat; 
   height: 250px;
   
}

.card:nth-child(2){
    position: absolute;
    top: 300px;
    left: 190px; 
    color: white;
    
 }
 
  .card:nth-child(3){
   position: absolute;
   top: 390px;
   left: 160px;  
   color: white; 
}

.card:nth-child(4){
   position: absolute;
   top: 470px;  
   color: white;   
   font-size: 15px;
}

.card:nth-child(5){
    position: absolute;
    top: 650px;
    left: 60px;
    
}

.btn{
    margin: 2em;           
    padding: 1em 5em;
    border-radius: 1.5em;
}

.btn-white{      
    background-color: white;
    border: 1px solid white;
}

.btn-purple{
    background-color: purple;
    border: 1px solid purple;
    color: white;
}

#profile-image{
    position: absolute;
    left: 170px;
    top:30px;
    height: 200px;
    width: 200px;
    border-radius: 200px;
    
}

.name{
    font-size: 35px;
}

.card:nth-child(2) p{
    text-align: center;
}

.social-media img{
    margin: 1em;
}

.card:nth-child(4){
  
   
   line-height: 1.5em;
   line-break: .5em;
   padding: 3em;
}