:root{
    --font-family:'Inter',sans-serif;
    --font-size:.88rem;
    --font-size-title:2.5rem;
    --font-size-subtitle:1.25rem;
    --max-width:72rem;
    --font-regular:400;
    --font-medium:500;
    --font-semibold:600;
    --font-bold:700;
    --font-extrabold:800;
    --font-black:900;
    --color-primary:#270457;
    --color-secondary:#270457;
    --color-primary-light:rgba(230, 229, 255, 1);
    --color-text:rgb(81, 62, 55);
    --border-radius:.5rem;
    --letter-spacing:.025rem;
    --transition:.3s;
    --line-height:1.35;
    --line-height-text:1.75;
    --section-spacing:1.5rem;
    --box-shadow:0px 10px 20px rgba(41, 41, 42, .07);
    --scroll-margin-top:50px
}

@media (min-width:48rem){
    :root{
        --font-size:1rem;
        --section-spacing:2.5rem;
        --scroll-margin-top:80px
    }
}



.features__top{
    margin-bottom:var(--section-spacing)
}
.features__top__title{
    font-size:300%;
    font-weight:var(--font-extrabold);
    line-height:var(--line-height);
    text-align:center;
    margin-bottom:1.5rem
}
.features__top__subtitle{
    font-size:150%;
    text-align:center;
    color:rgb(255, 255, 255)
}