body{
    margin: 0px;
    padding: 0px;
    font-family:'Times New Roman', Times, serif;
    font-size: 30px;
    
}

#body-header{
    height: 100vh;

    /* background-image: url("https://images.unsplash.com/photo-1777703304209-0fcca3eb0732?q=80&w=2232&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"); */
    background-image: url("https://images.unsplash.com/photo-1783594769624-0f1fdc31b6f5?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDd8fHxlbnwwfHx8fHw%3D");
    /* background-image: url("https://images.unsplash.com/photo-1654590390722-c1448c8993aa?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDJ8fHxlbnwwfHx8fHw%3D"); */

    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 20px;
    
} 
/* NAV Bar */
.horizontal-line{
    padding-top: 20px;
    margin: 0px;
    text-align: center;
}
.horizontal-line li{
    display: inline;
}
.horizontal-line li a{
    text-decoration: none;
    color: white;
    padding: 10px;
    font-size: 20px;
    margin: 0px 8px 0px;
}
.horizontal-line li a:hover{
    color: #f0f0f0;
    /* background-color: #000000; */
    border-radius: 50px;
    border: 1px solid #f0f0f0;
    border-bottom: 4px solid #f0f0f0;
    /* box-shadow: 0px 0px 10px 5px #f0f0f0;  for glow effect around border*/ 
    /* transition: color 0.5s , border-bottom 5s;  if the color is other than white */
}

.text-center1{
    text-align: center;
    padding-top: 130px;
}
.text-center1 h1{
    text-shadow:
        0 0 8px rgba(255, 255, 255, 0.85),
        0 0 18px rgba(147, 197, 253, 0.75),
        0 0 36px rgba(96, 165, 250, 0.55);
    animation: name-glow 3s ease-in-out infinite alternate;
}

/* Name and social icon */
#text-center{
    font-size: 4rem;
    padding: 100px 0px 0px;
}
.social-icons li{
    display: inline;
}
.social-icons{
    padding-top: 0px;
    margin: 0px;
    
}
.social-icons li a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: white;
    width: 40px;
    height: 40px;
    font-size: 20px;
    margin: 0px 8px 0px;
    box-sizing: border-box;
}
.social-icons li a:hover{
    color: #f0f0f0;
    border-radius: 50%;
    border: 2px solid #f0f0f0;
}
.social-icons li a i{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    padding: 10px;
    border-radius: 50%;
}
.social-icons li a i:hover{
    box-shadow: 0px 0px 10px 5px #f0f0f0;
}
#body-main{
    height: auto;
    /* background-image: url("https://images.unsplash.com/photo-1614432279462-8f3617da36d4?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDEwfHx8ZW58MHx8fHx8"); */
    /* background-image: url("https://plus.unsplash.com/premium_photo-1771875119710-f06469b25a4b?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDIwfHx8ZW58MHx8fHx8"); */
    /* background-image: url("https://images.unsplash.com/photo-1765728976625-5a14648b50ea?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDM1fHx8ZW58MHx8fHx8"); */
    /* background-image: url("https://images.unsplash.com/photo-1638184984605-af1f05249a56?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NDR8fHBvcnRmb2xpbyUyMGJhY2tncm91bmQlMjBkYXJrfGVufDB8fDB8fHww"); */
    background-image: url("https://images.unsplash.com/photo-1570649160447-ffe37dc6f2f0?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
    /* background-image: url("https://images.unsplash.com/photo-1688494963827-9f9dc1c51bd0?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"); */

    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 20px;
}
/* Section Classes */
section{
   display: flex;
   flex-direction: column;
   /* border: 2px solid #000000;
    height: 500px;  */
   align-items: center;
}
section:nth-child(2n){
    background-color: rgba(15, 14, 14, 0.255);
    /* background-image: url("https://images.unsplash.com/photo-1638184984605-af1f05249a56?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NDR8fHBvcnRmb2xpbyUyMGJhY2tncm91bmQlMjBkYXJrfGVufDB8fDB8fHww"); */
    /* background-size: cover; */
}
section:nth-child(2n+1){
    /* background-color: #000000; */
    background-image: url("https://images.unsplash.com/photo-1570649160447-ffe37dc6f2f0?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 20px;
}
.section-heading{
    width: auto;
    padding: 20px 10px 10px;
    font-weight: 400;
}
.section-heading span{
    font-size: 40px;
    color: white;
    padding: 5px;
}
/* About Section MY image and description */
#about{
    height: auto;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    height: 100vh;
}
#my-image{
    width: 12rem;
    height: 12rem;
    margin: auto;
    margin-top: -15vh;
}
#my-image img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #f0f0f0;
    box-shadow: 1px 1px 10px 4px #f0f0f0;
}
#my-description{
    text-align: justify;
    padding: 10px;
    width: 80%;
    line-height: 35px;
    font-size: 1.5rem;
    color: grey;
    margin: auto;

}
.highlight{
    color: #000000;
    font-weight: bold;

}
/* SKills Section */
.skills-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 75%;
}
.skill-progress{
    width: 11rem;
    height: 2.2rem;
    border-radius: 1rem;
    background-color: #f9f9f9;
    box-shadow: 1px 1px 2px 1px grey inset;
    margin: 25px;
    position: relative;
    overflow: hidden;
}
.skill-progress>div{
    border-radius: 20px 0px 0px 20px;
    box-shadow: 1px 1px 5px 2px grey ;
}
.skill-name span{
    color: white;
    font-size: 1rem;
    margin-left: 10px;
    vertical-align: middle;
}

/* Setting background color */
.mb-blue{
    background-color: #3c37d8;
    width: 50%;
}
.mb-orange{
    background-color: #d87f3c;
    width: 90%;
}
.mb-green{
    background-color: #3cd83c;
    width: 80%;
}
.mb-red{
    background-color: #d83c3c;
    width: 60%;
}
.mb-purple{
    background-color: #800080;
    width: 85%;
}
.mb-yellow{
    background-color: #d8d83c;
    width: 55%;
} 
      
/* Percentage CLass */
.fifty-percent{
    width: 50%;
    height: inherit;
}
.ninty-percent{
    width: 90%;
    height: inherit;
}
.eighty-percent{
    width: 80%;
    height: inherit;
}
.sixty-percent{
    width: 60%;
    height: inherit;
}
.eighty-five-percent{
    width: 85%;
    height: inherit;
}
.fifty-five-percent{    
    width: 55%;
    height: inherit;
}