html,
body {
    background-color: #388FCE;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-family: "Lato", sans-serif;
}

.legal-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 20px;

    a {
        color: #fff;
    }
}

.legal {
    background-color: white;
    max-width: 800px;
    margin: 20px auto;
    padding: min(25px, 5vw);
    border-radius: 5px;

    h1,
    h2,
    h3 {
        color: #388FCE;
        margin: 20px 0 15px;
    }

    a {
        color: #388FCE;
    }

    table {
        width: 100%;
        border-collapse: collapse;
        margin: 20px 0;
    }

    table,
    th,
    td {
        border: 1px solid #ddd;
    }

    th,
    td {
        padding: 12px;
        text-align: left;
    }

    th {
        background-color: #f2f2f2;
    }

    ul {
        list-style: inside;
    }

    @media(max-width: 600px) {
        table {
            display: block;
            overflow-x: auto;
        }
    }
}