.nav-item a{
    font-size: x-large;
}
.photo{
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/1/1e/Prime_Minister_Of_Bharat_Shri_Narendra_Damodardas_Modi_with_Shri_Rohit_Gurunath_Sharma_%28Cropped%29.jpg");
    background-position: center;
    background-size: cover;
    /* height: 90vh; */
    width: 40vw;;
    margin: 20px;
    border: 10px solid greenyellow;
}
.para{
    /* height: 100vh; */
    width: 50vw;
    margin: 20px;
}

.photo, .pho {
  border: 8px solid #28a745; /* Bootstrap green */
  border-radius: 12px;
}


.main{
    display: flex;

}
p{
    font-size: x-large;
    /* text-align: left; */
}
.pho{
    background-image: url("https://thefederal.com/h-upload/2023/10/11/417130-rohit-sharma-ton-wc.webp");
    background-position: center;
    background-size: cover;
    height: 60vh;
    width: 30vw;;
    margin: 20px;
    border: 10px solid greenyellow;
}
.mainBio{
    display: flex;
    width: 90vw;
    height: 65vh;
}

@media (max-width: 768px) {
  .main, .mainBio {
    flex-direction: column;
    align-items: center;
  }
  .photo, .pho {
    width: 90vw;
    height: auto;
  }
  .para {
    width: 90vw;
    height: auto;
  }
}

html {
  scroll-behavior: smooth;
}