@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");
html {
	scroll-behavior: smooth;
}
body {
    font-family: "Poppins", sans-serif;
    padding: 0;
    background-color: rgb(255, 255, 255);
}
a{
    text-decoration: none;
    color: black;
}
.intro
{
    margin-top: 150px;
    height: auto;
    display: flex;
}
.intro img{
    width: 400px;
    border-radius: 250px;
    transition: transform 0.5s;
}
.intro img:hover{
    transform: translateY(-20px);
}
.profile h3{
    color: rgb(93, 88, 88);
}
.profile h2,h3{
    line-height: 20px;
    transition: transform 0.5s;
}

.profile h2:hover{
    transform: translateY(-10px);
}
.profile h3:hover{
    transform: translateX(10px);
}
.intro .profile{
    text-align: center;
    font-size: 30px;
}
#profile_abstract{
    font-size: 18px;
    text-align: justify;
}
#quote{
    font-style: italic;
    font-size: 24px;
    color: rgb(93, 88, 88);

}
.profile-btn{
    justify-content: center;
    padding: 20px;
    display: flex;
}
.profile-btn1{
    padding: 20px;
}
.profile-btn2{
    margin-top: 8px;
    padding: 20px;
}
.about{
    height: auto;
}
.about img{
    width: 350px;
    border-radius: 250px;
    transition: transform 0.5s;

}
.about img:hover{
    transform: translateX(10px);
}
.about-head h4{
    color: rgb(93, 88, 88);
}
.about-content{
    font-size: 18px;
    text-align: justify;
}
.experience h4{
    color: rgb(98, 97, 97);
}
.exp-content{
    font-size: 18px;
    text-align: justify;
}
.skills h4{
    color: rgb(93, 88, 88);
}
.skills-content{
    font-size: 18px;
    text-align: justify;
}
.skills-card{
    margin-top: 100px;
    margin-bottom: 100px;
}
.projects{
    margin-top: 100px;
}
.projects h4{
    color: rgb(93, 88, 88);
}
.projects-content{
    font-size: 18px;
    text-align: center;
    margin-bottom: 50px;
}
#redirect{
    color: rgb(93, 88, 88);
}
#pro2-head{
    color: rgb(93, 88, 88);
}
.contact{
    margin-top: 100px;
}
.contact-head h4{
    color: rgb(93, 88, 88);
}
.experience img{
    width: 400px;
    transition: transform 0.5s;
    opacity: 70%;
}
.experience img:hover{
    transform: translateY(-10px);
}
.footer p{
    margin-left: 50px;
    margin-right: 50px;
    color: rgb(93, 88, 88);
    font-size: 18;
}
.project{
    text-align: justify;
}