.intro{
    padding: 48px 10% 48px 10%;
    display: flex;
    flex-direction: column;
}
.intro p, .items li{
 font-size: 1.5rem;
}
.intro h2{
    margin-bottom: 24px;
    text-align: center;
}
.items h2{
    text-align: center;

}
hr{
    margin-top: 48px;
}

.items{
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;

}
.items ul{
    border-left: 3px solid var(--secondary-color);
    list-style: none;
}
.items li{
    padding: 0.75em 1em;
    margin-bottom: 0.5em;
}
@media (max-width:600px){
    ul{
        margin: 0 5% ;
    }
}