:root {
    --primary-color: #000522;
    --secondary-color: #909090;
    --trinary-color: #0018a1;
    --quaternary-color: #000637;
    --padding-sides: 15%;
}
*{
    padding: 0;
    margin: 0;
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}
body {
    background-color: var(--primary-color);
}

@media (max-width: 600px) {
    :root {
        --padding-sides: 8%;
    }
}