@import url("main.inc.css");

/*
This stylesheet handles styles specific for about.inc.php.
It is included by index.php.


***************************
** Begin Default Styling **
*/

#about .content-container img, #about .abouttext-container {
    width: 100%;
    max-width: 478px;
}

.abouttext-container {
    margin-top: 48px;
    margin-bottom: 48px;
}

#about h2 {
    color: var(--color1);
    margin-bottom: 48px;
}

#about #passions-list li + li {
    margin-top: 48px;
}

#about .passion-li {
    display: flex;
}

#about .logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 128px;
    height: 128px;
    margin-right: 48px;
}

#about .logo-container > img {
    max-width: 128px;
    max-height: 128px;
    scale: 95%;
    transition: var(--transition);
}

#about .logo-container > img:hover {
    scale: 100%;
}

@media screen and (min-width: 1000px) {

    #about .content-container {
        display: flex;
        justify-content: space-between;
        margin-bottom: 48px;
    }

    #about .abouttext-container {
        margin-top: unset;
    }

}  /*  End of 1000px */