@media screen and (max-width: 780px) {
    html, body {
        background-color: rgb(231, 238, 244);
    }

    .profile{
        width: 90%;
        background-color:rgb(255, 255, 255);
        margin:auto;
        background-image:url("assets/image/bg.jpg");
        background-size:cover;
        text-align:center;
        border-radius:5px;
    
    }
    .about{
        width: 90%;
        background-color: rgb(206, 230, 240);
        margin: auto;
        }
        

  }
  @media all and (min-width: 780px){
    html, body {
        background-color: rgb(231, 238, 244);
    }
    .profile{
        width: 60%;
        background-color:rgb(255, 255, 255);
        margin:auto;
        background-image:url("assets/image/bg.jpg");
        background-size:cover;
        text-align:center;
        border-radius:5px;
    
    }
    .about{
        width: 60%;
        background-color: rgb(206, 230, 240);
        margin: auto;
        }
        
  }


.profile img {
    width:90px;
    border-radius:50%;
    margin-top:140px;
    border-style:solid;
    border-width:thick;
    
}

.profile h1{
    color:#ffffff;
    margin-bottom: 40px;
    padding-bottom: 20px;
}


.about h2{
    text-align: center;
    color: #06153f;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #06153f;
}

.about p{
    padding: 5px 15px 15px 15px;
    text-align: justify;
}