@import url('header.css');

#about-me{
    background-color: #FFEFFA;
    /* text-align: center; */
    margin: 0 auto;
    /* margin-bottom: 5%; */
    padding-bottom: 5%;
}

#about-me .container{
    display: flex;
    align-items: center;
    /* padding: 10% 5%; */
    margin: 0 auto;
    gap: 2rem;
    justify-content: center;
    text-align: left;
}

.container img{
    width: 30%;
    height: auto;
    /* max-width: 300px; */
    padding: 0 5%;
}

#about-me h1{
    font-family: 'Keep-on-Truckin', sans-serif;
    color: #8F5194;
    overflow: hidden;
    padding: 5% 0 2% 0;
    /* margin-top: 10px;
    margin-bottom: 0; */
    text-align: center; /* Center of screen*/
    font-size: 3rem;
}

.paragraph{
    flex: 1; /*Takes remainin space*/
    padding: 0 5%;
}

p{
    /* padding: 20px; */
    font-family: 'Nunito', sans-serif;
    font-size: 1.25rem;
    padding: 2% 0;
}

/* Responsive Design for Smaller Screens */
@media (max-width: 1440px) {
    .container img{
        padding-bottom: 5%;
    }
}

@media (max-width: 768px) {
    .container {
        flex-direction: column;
        text-align: center;
    }

    .container img {
        width: 80%; /* Adjust for smaller screens */
        max-width: 350px; /* Prevents oversized images */
        /* padding-bottom: 5%; */
    }

}