#about {
    display: flex;
    gap: 20px;
    background: linear-gradient(#00004d,#52527a);
    padding: 40px 0;
}
#about h2 {
    font-size: 32px;
}

#about img {
    border-radius: 200px;
    margin-left: 120px;
}

.about-text {
    margin-left: 20px;
    color: aliceblue;
    margin-right: 100px;
    font-size: 20px;
}

#about p {
    display: flex;
    flex-direction: column;
    
}

.section-title{ 

   
    text-align: center;
    margin-top: 40px;
    font-size: 24px;

}

#projects {
    gap: 300px;
    justify-content: center;
    background: linear-gradient(#52527a,#4d004d);
    padding: 40px 0;
}

#project-container {
    display: flex;
    gap: 100px;
    justify-content: center;
}

#projects img {
    border-radius: 40px;
}

.project1 {
    text-align: center;
    border: 2px solid grey;
    border-radius: 60px;
    background-color: #4d004d;

}

.project1:hover {
  transform: scale(1.08);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  background-color: #3a0066;
}

.project1 p {
    color: aliceblue;
}

.project2 {
    display: flex;
    flex-direction: column;
    text-align: center;
    border: 2px solid grey;
    border-radius: 60px;
    background-color: #000099
}
.project2:hover {
  transform: scale(1.08);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  background-color: #3a0066; 
}

.project2 p{ 
    color: aliceblue;
}

.project2 img {
    margin-left: 20px;
}

.mail {
    display: flex;
    justify-content: center;
    gap: 10px;
}

#socials {
    text-align: center;
}

#ivsm{
    display: flex;
    gap:250px;
    justify-content: center;
    background: linear-gradient(#4d004d,#1a001a);
    padding: 40px 0;
    color: white;


}
#tnlogo {
    display: flex;
    align-items: center;
    gap: 20px;
}
h4 {
    font-size: 16px;
}
h5{
    font-size: 16px;
}
body{
    margin: auto;
    background: #1a001a;
}