@import url(https://fonts.googleapis.com/css?family=Encode+Sans:400,900|Lora:400,400i);

/* Base */

:root {
    font-size: 17px;
    --animation-duration: .5s;
    --bleu-de-france: #318ce7;
    --cyan: #31bae7;
    --gris-fonce: #333;
    --gris-clair: silver;
    --gris-transparent: rgba(0, 0, 0, .3);
}

::selection {
    background-color: var(--cyan);
    color: white;
}

::-moz-selection {
    background-color: var(--cyan);
    color: white;
}

body {
    background-color: var(--gris-fonce);
    font: 1rem/normal 'Encode Sans', sans-serif;
    margin: 0;
}

a {
    color: inherit;
}

/* Animation */

.animated {
    animation-duration: var(--animation-duration);
}

/* Layout */

.page {
    min-height: 100vh;
    margin: 0;
}

    .page-header-title {
        font-weight: 900;
        font-variant: small-caps;
    }

    .page-header-small {
        color: var(--gris-clair);
        font-size: smaller;
        margin: 0;
    }