@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');


:root {
    --grey: #333;
    --white: #fff;
    --purple: #A020F0;
    --blue: #4169e1;
}

* {
    margin: 0;
    padding: 0;
} 

body {
    background-color: var(--white);
}

.legal {
    
    margin: 5%;
    padding: 1.25rem; 
    border-radius: 10px;

    text-align: start; 
    align-items: center;
    justify-content: center;
    background-color: var(--white); 

    transform-style: preserve-3d;

}

.legal::before {
    content: '';
    position: absolute;
    inset: -15px;
    transform: translate3d(10px, 8px, -1px);
    background: linear-gradient(135deg, var(--purple), var(--blue)); 
    filter: blur(20px);
    z-index: -1;
    opacity: 0.8;
}

.legal h2 {
    font-family: "Outfit", sans-serif;
    font-size: 1.5rem; 
    color: var(--grey);

    margin: 0; 
    text-align: start; 
    align-items: center;
    justify-content: center;
}

.legal a, .legal p {
    font-family: "Outfit", sans-serif;
    font-size: 1rem; 
    color: var(--grey);

    margin: 10px 0;
    text-align: start; 
}