/* source reference */
@font-face {
    font-family: "Inria_Sans"; src: url('../font/InriaSans-Bold.ttf');
}

/* variables */
:root {
    --ColorNav: #0D0D0D;
    --ColorText: #FFFFFF;
    --ColorPrimary: #00ff00;
    --ColorPrimaryDark: #078B00;
    --ColorBlueLight: #012641;
    --ColorBlueDark: #00132F;
    --ColorBlack: #000000;
    --ColorGrayDark: #101218;
    --ColorGrayLight: #292929;

    
    --TextNormal: 1em;
    --TextTitle: 2em;
}

/* default settings */
html {
    scroll-behavior: smooth;
}

body {
    margin: 0px;
    font-family: "Inria_Sans";
    color: var(--ColorText);
}

/* specific configurations */
section {
    scroll-margin-top: 4.25em;
}

p {
    margin: 0;
    font-size: var(--TextNormal);
    text-align: justify;
}

h1,
h2 {
    margin: 0;
    text-align: center;
    font-size: var(--TextTitle);
}

h1 {
    text-shadow: 0em 0em 2vw var(--ColorPrimary);
}

a {
    color: var(--ColorText);
    text-decoration: none;
}

/* styles responsiveness */
@media (max-width: 650px) {
    :root {
        --TextNormal: 1.25em;
        --TextTitle: 1.75em;
    }

    section {
        scroll-margin-top: 6.75em;
    }
}