/*
* GENERAL RULES
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {

    margin: 0;
    display: flex;
    height: 100vh;
    position: relative;
    overflow: hidden;
    font-family: "BG_Regular"; 
}

a {
    display: block;
    text-decoration: none;
}

img {
    width: 100%;
    height: auto;
    display: block;
}

.underline  {
    text-decoration: underline;
}

.espacement {
    display: inline-block;
    width: 2em;
}


/*
* CUSTOM FONTS
*/

@font-face {
    font-family: "BG_Regular";
    src: url("/fonts/Bricolage_Grotesque/BricolageGrotesque-Regular.ttf");
}

@font-face {
    font-family: "BG_Medium";
    src: url("/fonts/Bricolage_Grotesque/BricolageGrotesque-Medium.ttf");
}

@font-face {
    font-family: "BG_Bold";
    src: url("/fonts/Bricolage_Grotesque/BricolageGrotesque-Bold.ttf");
}

@font-face {
    font-family: "BG_SemiBold";
    src: url("/fonts/Bricolage_Grotesque/BricolageGrotesque-SemiBold.ttf");
}

@font-face {
    font-family: "BG_ExtraBold";
    src: url("/fonts/Bricolage_Grotesque/BricolageGrotesque-ExtraBold.ttf");
}

@font-face {
    font-family: "BG_Light";
    src: url("/fonts/Bricolage_Grotesque/BricolageGrotesque-Light.ttf");
}

@font-face {
    font-family: "BG_ExtraLight";
    src: url("/fonts/Bricolage_Grotesque/BricolageGrotesque-ExtraLight.ttf");
}

@font-face {
    font-family: "Baskerville_italic";
    src: url("/fonts/baskerville/Baskerville-Regular-Italic.ttf");
}

@font-face {
    font-family: "ibmPlexMonoRegular";
    src: url("/fonts/ibmPlexMono/IBMPlexMono-Regular.ttf");
}