.logo{
    width: 125px;
}
.logo>img{
    width: 100%;
}
.contact-btn{
    color: #5E3BEE;
    border-color: #5E3BEE;

}
.nav-item>.home-link:hover{
    color: #5E3BEE !important;
}
.myself{
    width: 60%;
    height: 450px;
}
.sherry-img{
    width: 60%;
    height: 470px;
}

  .btn-pink {
    background-color: #2B3137;
    color: white;
    border: none;
  }
  .btn-pink:hover {
    background-color: #6e5494;
    color: black;
  }
.awaara{
    width: 100%;
    height: 40%;
}
.bar{
    position: fixed;
}
.info{
    border: 1px solid rgb(163, 163, 163);
    border-radius: 15px;
    padding: 30px;
}
.footer{
    background-color: #c5c5c5;
    padding: 20px;
}

@media screen and (max-width: 431px) {
    .myself {
        width: 100%;
        height: auto;
        padding-top: 30px;
    }
    .sherry-img {
        width: 100%;
        height: auto;
        padding-bottom: 10px;
    }
    .about{
        display: flex;
        justify-content: center;

    }
    
}

@media screen and (min-width:431px) and (max-width: 768px) {
    .myself {
        width: 100%;
        height: auto;
        padding-top: 30px;
    }
    .sherry-img {
        width: 100%;
        height: auto;
        padding-bottom: 10px;
    }
      .about{
        display: flex;
        justify-content: center;
    }
    
}