.intro{
    margin: 10px auto;
    border: 5px double var(--background-nav-color);;
    width: 80%;

}

.intro_topic{
    display: flex;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    background: var(--background-color);
}

.intro_pic{
    margin: 10px;
    border-radius: 15px;
    width: 40%;
}

.intro_area{
    margin: 0 auto;
    max-width: 80%;
    padding: 10px;
}


.intro_title{
    color: var(--text-dark);
    margin-bottom: 10px;
    text-align: left;
}

.intro_text{
    color: var(--text-dark);
    text-align: left;
    line-height: 1.6;
}


.intro_list{
    padding-top: 10px;
    border-top: 5px double var(--background-nav-color);
    padding-left: 20%;
    padding-bottom: 20px;
    color: var(--text-dark);
    background: var(--background-color);
    text-align: left;

}

.intro_list_text{
    flex: 1;
}



@media (max-width:1100px){

    .intro_pic{
        width: 80%;
    }

    .intro_topic{
        display: flex;
        align-items: center;
        flex-direction: column;
    }

}