.about-me{
    display: flex;
    justify-content: space-between;
    height: 100%;
}

.about-me .info {
    padding-right: 30px;
    padding-left: 30px;
    overflow-y: auto;
    line-height: 25px;
}

.about-me .profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 10px;
}

.about-me .profile h3{
    margin: 0px;
    margin-top: 10px;
}

.about-me .profile .picture {
    width: 200px; /* Adjust based on your needs */
    height: auto;
    border-radius: 5%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.social-media-icons {
    display: flex;
    justify-content:space-between ;
    margin-top: 10px;
    width: 200px;
}

.social-media-icons a {
    color: #ffffff; /* Adjust the color as needed */
    transition: box-shadow 1s ease, border-color 1s ease, background 1s ease;
    border-radius: 8px;
    padding: 4px;
    margin: 0px;
    border: 2px solid transparent;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    font-size: 15px;
    width: 18px;
    text-align: center;
}

.social-media-icons a:hover {
    color: #cccccc; /* Adjust hover color as needed */
    background: #fb48b681;
    border-color: #fff; /* Border becomes visible on hover */
}