:root {
    --primary-color: 255, 253, 229;
    --secondary-color: 0, 55, 131;
    --accent-color: 255, 237, 0;
    --shadow-color: 0, 0, 0;
    --btn-padding-inline: 24px;
    --btn-padding-block: 12px;
    --border-radius: 8px;
    --btn-hover-transition-time: 0.7s;
}

html {
    scrollbar-color: rgb(var(--secondary-color)) rgb(var(--primary-color));
    scrollbar-width: thin;
}

body {
    background-color: rgb(var(--primary-color));
    font-family: "Barlow";
    font-size: 18px;
}

.policies-container {
    max-width: min(100%, 1050px);
    margin: 0 auto;
}

#logo-container {
    max-width: min(100%, 500px);
    justify-self: center;
    text-decoration: none;
}

/* Basic Text styles */

h1,
h2,
h3 {
    margin: 0px;
}

h1 {
    color: rgb(var(--secondary-color));
    font-weight: 400;
    font-size: 48px;
    text-shadow: 2px 2px 2px rgba(var(--shadow-color), 0.2);
}

h2 {
    color: rgb(var(--accent-color));
    text-align: center;
}

h3 {
    color: rgb(var(--secondary-color));
    font-weight: 400;
    text-align: center;
}

p {
    text-align: justify;
    margin: 2px;
}

/* Legal info */
.logos-band {
    max-width: min(500px, 100%);
    border-radius: var(--border-radius);
}