@import url(design_system.css);

.about_sec{
    display: grid;
    height: auto;
    justify-items: center;
    align-items: center;
    margin-top: 20vh;
    grid-template-columns: 1fr 1fr;
}

.about_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 10px;
}

.about_image .icons{
    display: flex;
    gap: 20px;
    margin-top: 10%;
}

.about_image .icons a{
    width: 24px;
    height: 24px;
}

.my_details{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 75%;
}