@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Barlow:wght@300;400;500;600&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#08111d;
    font-family:'Barlow',sans-serif;
}

/* HERO */

.legal-hero{
    position:relative;

    height:40vh;

    display:flex;
    justify-content:center;
    align-items:center;

    background:
    linear-gradient(
        135deg,
        #08111d,
        #102746
    );
}

.legal-content{
    position:relative;
    z-index:2;

    text-align:center;
    color:white;
}

.legal-content span{
    color:#0066ff;

    font-size:.9rem;
    letter-spacing:.15em;
}

.legal-content h1{
    margin-top:1rem;

    font-family:"Barlow Condensed",sans-serif;
    font-size:clamp(4rem,8vw,7rem);

    line-height:.9;
}

.legal-wrapper{
    padding:6rem 10%;
}

.legal-card{
    max-width:70rem;

    margin:auto;

    background:white;

    padding:4rem;

    box-shadow:
    0 2rem 4rem rgba(0,0,0,.15);
}

.legal-card h2{
    margin-bottom:2rem;

    font-family:"Barlow Condensed",sans-serif;
    font-size:2.5rem;

    color:#08111d;
}

.legal-card h3{
    margin-top:2rem;
    margin-bottom:1rem;

    color:#0066ff;

    font-family:"Barlow Condensed",sans-serif;
}

.legal-card p{
    line-height:1.9;
    color:#4b5563;
}