/* 
==========
Hero
========== 
*/

.legal__hero{
    background: var(--silver-color);
    padding:60px 20px;
    text-align:center;
}

.legal__hero-logo{
    width:100px;
    margin-bottom:20px;
}

.legal__hero-title{
    font-size:40px;
    color:var(--lightskyblue-color);
}

.legal__hero-text{
    max-width:600px;
    margin:auto;
}

/* 
==========
Hero animation 
==========
*/

.legal__hero--animate{
    opacity:0;
    transform:translateY(-50px);
    transition:1s;
}

.legal__hero--visible{
    opacity:1;
    transform:translateY(0);
}

/* 
==========
Content
========== 
*/

.legal__content{
    padding:80px 20px;
}

.legal__container{
    max-width:1000px;
    margin:auto;
}

.legal__block{
    margin-bottom:60px;
}

.legal__block h2{
    color:var(--lightskyblue-color);
    margin-bottom:15px;
}

.legal__block p,
.legal__block li{
    line-height:1.7;
}

.legal__block li::marker{
    color: var(--lightskyblue-color);
}

.legal__content a{
    color: var(--lightskyblue-color);
    text-decoration:none;
}

/*
==========
Animations 
==========
*/

.legal__block--animate{
    opacity:0;
    transition:1s;
}

.legal__block--left{
    transform:translateX(-60px);
}

.legal__block--right{
    transform:translateX(60px);
}

.legal__block--visible{
    opacity:1;
    transform:translateX(0);
}